[tor-commits] [metrics-web/master] Reduces default vertical header size (Fixes: #24277)

[karsten at torproject.org]

commit ccbcb09053f21f4f3eeab7acc329f1918542d41f
Author: Iain R. Learmonth <irl at fsfe.org>
Date:   Sat Dec 2 17:08:24 2017 +0000

    Reduces default vertical header size (Fixes: #24277)
---
 website/src/main/resources/web/css/style.css | 54 +++++++---------------------
 1 file changed, 13 insertions(+), 41 deletions(-)

diff --git a/website/src/main/resources/web/css/style.css b/website/src/main/resources/web/css/style.css
index 1148e6f..b2485ff 100644
--- a/website/src/main/resources/web/css/style.css
+++ b/website/src/main/resources/web/css/style.css
@@ -14,7 +14,7 @@ body #wrapper {
 
 /* Page header - override bootstrap defaults */
 .page-header {
-    padding: 0 2.5em 2.5em 2.5em;
+    padding: 0em 2.0em 2.0em 2.0em;
     margin: 0;
     border-bottom: 0;
     color:#fff;
@@ -33,24 +33,20 @@ body #wrapper {
     max-width:40%;
     height:auto;
 }
+.page-header img#metrics-logo {
+    height:75px;
+    width:auto !important;
+}
 .page-header div {
     text-align:right;
     position:absolute;
     right:2.5em;
-    bottom:1.9em;
-    max-width:300px;
+    bottom: 0.9em;
+    max-width: 400px;
 }
 .page-header div p {
-    line-height:21px;
-}
- at media (max-width: 1199.99999px) {
-    .page-header div {
-        max-width:270px;
-    }
-    .page-header div p {
-        font-size:14px;
-        line-height:18px;
-    }
+    font-size: 14px;
+    line-height: 16px;
 }
 @media (max-width: 767.99999px) {
     .page-header {
@@ -63,34 +59,7 @@ body #wrapper {
         display:none;
     }
 }
- at media (max-height:799.99999px) {
-    /* make page header smaller on e.g. 10 inch notebooks etc. */
-    .page-header {
-        padding: 0em 2.0em 2.0em 2.0em;
-    }
-    .page-header img#metrics-logo {
-        height:75px;
-        width:auto !important;
-    }
-    
-    .page-header div {
-        bottom: 0.9em;
-        max-width: 400px;
-    }
-    .page-header div p {
-        font-size: 14px;
-        line-height: 16px;
-    }
-    .navbar-secondary .navbar-nav>li>a {
-        margin-bottom: 0px !important;
-    }
-}
- at media (min-height:800px) and (min-width: 768px) {
-    .page-header {
-        padding-top:70px;
-    }
-}
- at media (max-height:800px) and (max-width: 1199.99999px) {
+ at media (max-width: 1199.99999px) {
     .page-header div {
         max-width:330px;
     }
@@ -167,6 +136,9 @@ body {
 .navbar-secondary .section-header:first-of-type {
     margin-top:0px;
 }
+.navbar-secondary .navbar-nav>li>a {
+    margin-bottom: 0px !important;
+}
 
 
 /* images */