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

[nominatim.git] / website / css / details.css

diff --git a/website/css/details.css b/website/css/details.css
index 8fb1f915799dbfdcfa854b5a534e8bdbc6fffea7..3eca1667198ab1dc3753dd8faecc4cdd8812cbe6 100644 (file)
--- a/website/css/details.css
+++ b/website/css/details.css
@@ -1,20 +1,23 @@
-body {
-  margin-top: 1em;
-  font-size: 1.2em;
-}
 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: auto;*/
-  max-width: 800px;
+  width: 100%;
+}
+.table td {
+  font-size: 0.9em;
+}
+.table>thead>tr>td, .table>tbody>tr>td {
+  padding: 2px 8px;
 }
 .name{
   font-weight: bold;
@@ -27,11 +30,11 @@ h3 {
 }
 #map {
   width:100%;
-  height:500px;
+  height:300px;
   border: 1px solid #666;
 }
 #mapicon {
-  margin: 30px 0;
+  margin: 10px 0;
 }
 
 footer {