Updated logo

static/css/base.css

@@ -21,14 +21,23 @@ body {
 
 #logo {
     max-height: 50px;
-    margin-top: -13px;
+    margin-top: -16px;
 }
 
-.navbar-nav {
+.navbar-default .navbar-nav > li > a {
     text-transform: uppercase;
     font-size: small;
 }
 
+@media (min-width: 768px) {
+    .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li > a:hover {
+        background: none;
+        border-bottom: 5px solid #eee;
+        padding-bottom: 25px;
+    }
+}
+
+
 .navbar-text {
     font-size: small;
 }

templates/base.html

@@ -49,7 +49,7 @@
                 <img
                     id="logo"
                     height="50"
-                    width="50"
+                    width="59"
                     src="{% static 'img/logo.png'%}"
                     srcset="{% static 'img/logo.png'%} 1x, {% static 'img/[email protected]'%} 2x"
                     alt="healthchecks.io">