further consolidate styles for navbar; remove padding on first item in navbar brand

diff --git a/src/css/header.css b/src/css/header.css
index 1e27c69..066353f 100644 (file)
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -23,10 +23,13 @@ body {
 
 .navbar-brand {
   display: flex;
+  padding-left: 1rem;
 }
 
 .navbar-brand .navbar-item:first-child,
 .navbar-brand .navbar-item:first-child a {
+  align-self: center;
+  padding: 0;
   color: var(--navbar-font-color);
   font-size: calc(22 / var(--rem-base) * 1rem);
 }
@@ -94,11 +97,18 @@ body {
 }
 
 .navbar-item .icon {
-  width: 1.1rem;
-  height: 1.1rem;
+  width: 1.25rem;
+  height: 1.25rem;
   display: block;
 }
 
+.navbar-item .icon img,
+.navbar-item .icon svg {
+  fill: currentColor;
+  width: inherit;
+  height: inherit;
+}
+
 .navbar-link {
   padding-right: 2.5em;
 }
@@ -211,18 +221,14 @@ body {
   }
 
   .navbar-end > a.navbar-item:hover,
-  .navbar-end .navbar-link:hover {
+  .navbar-end .navbar-link:hover,
+  .navbar-end .navbar-item.has-dropdown:hover .navbar-link {
     background: var(--navbar_hover-background);
     color: var(--navbar-font-color);
   }
 
   .navbar-end .navbar-link::after {
-    border-color: var(--navbar-font-color);
-  }
-
-  .navbar-item.has-dropdown:hover .navbar-link {
-    background: var(--navbar_hover-background);
-    color: var(--navbar-font-color);
+    border-color: currentColor;
   }
 
   .navbar-dropdown {
@@ -238,7 +244,7 @@ body {
   }
 
   .navbar-dropdown .navbar-item {
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 3rem 0.5rem 1rem;
     white-space: nowrap;
   }
 
@@ -246,10 +252,6 @@ body {
     border-radius: inherit;
   }
 
-  .navbar-dropdown a.navbar-item {
-    padding-right: 3rem;
-  }
-
   .navbar-dropdown.is-right {
     left: auto;
     right: 0;