user interface: less spacing in table, pushing more content above the fold

diff --git a/website/css/common.css b/website/css/common.css
index aaf0b340491cd7946d09b2aa17d402a646da6103..233af74c465341a78494ef0b4ac6c85e6b418313 100644 (file)
--- a/website/css/common.css
+++ b/website/css/common.css
@@ -1,6 +1,6 @@
 header {
   width: 100%;
-  padding: 5px;
+  padding: 5px 15px;
   z-index: 5;
 }
 

diff --git a/website/css/details.css b/website/css/details.css
index f0ab036211fa0e8f0544137c5881b6795d739a08..3eca1667198ab1dc3753dd8faecc4cdd8812cbe6 100644 (file)
--- a/website/css/details.css
+++ b/website/css/details.css
@@ -1,16 +1,24 @@
 h1 {
-  margin: 30px 0;
+  margin: 10px 0;
+  padding-left: 8px;
 }
 h2 {
   font-size: 2em;
-  margin-top: 4em;
+  padding-left: 8px;
 }
 h3 {
   font-size: 1.5em;
+  padding-left: 8px;
 }
 .table {
   width: 100%;
 }
+.table td {
+  font-size: 0.9em;
+}
+.table>thead>tr>td, .table>tbody>tr>td {
+  padding: 2px 8px;
+}
 .name{
   font-weight: bold;
 }
@@ -22,11 +30,11 @@ h3 {
 }
 #map {
   width:100%;
-  height:500px;
+  height:300px;
   border: 1px solid #666;
 }
 #mapicon {
-  margin: 30px 0;
+  margin: 10px 0;
 }
 
 footer {