Fix navbar icon layout (#14)

Signed-off-by: Derek Nola <[email protected]>

Author: dereknola

docusaurus.config.js

@@ -44,7 +44,7 @@ module.exports = {
           type: 'dropdown',
           label: 'More From SUSE',
           position: 'right',
-          className: 'navbar__docs',
+          className: 'navbar__dropdown',
           items: [
             {
               label: 'Rancher',

src/css/icon_dropdown.css

@@ -1,6 +1,7 @@
 
 .navbar__icon {
   font-size: 16px;
+  display: flex;
 }
 
 .navbar__icon:before {
@@ -17,6 +18,11 @@
   font-size: 18px;
 }
 
+/* Seperate from docs because display:flex messes up the dropdown arrow */
+.navbar__dropdown {
+  font-size: 18px;
+}
+
 .navbar__docs:hover:before {
   background-color: var(--ifm-link-color);
 }
@@ -42,9 +48,9 @@
   mask:  url(/static/img/icon-github-mask.png) no-repeat 100% 100%;
   mask-size: cover;
   height: 19px;
-  width: 22px;
-  padding-right: 1px;
-  padding-bottom: 4px;
+  width: 23px;
+  padding-right: 2px;
+  padding-bottom: 6px;
 }
 
 .navbar__rancher:hover:before {
@@ -54,6 +60,7 @@
   mask: url(/static/img/icon-rancher-mask.png) no-repeat 100% 100%;
   mask-size: cover;
   height: 14px;
+  margin-top: 3px;
   padding-bottom: 2px;
 }