Align header navigation items

2 files changed, 13 insertions, 5 deletions

diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index e19cf87d..5d73e84f 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -161,7 +161,7 @@ h6 {
 
 .main {
   margin: auto;
-  padding: 20px 40px;
+  padding: 8px 40px;
   position: relative;
   width: auto;
   max-width: 900px;
@@ -169,7 +169,7 @@ h6 {
   background: $main-background-color;
 
   @media (max-width: $mobile-width) {
-    padding: 20px 10px;
+    padding: 6px 10px;
   }
 
   &:not(.has-toc) {
@@ -308,7 +308,6 @@ h6 {
     text-align: right;
     list-style-type: none;
     display: inline-block;
-    margin: 12px 0;
 
     @media all and (max-width: $mobile-width) {
       display: none;
@@ -337,6 +336,7 @@ h6 {
     display: inline-block;
     line-height: 20px;
     margin: 0 10px;
+    vertical-align: middle;
   }
 
   input {
@@ -352,6 +352,14 @@ h6 {
     background-repeat: no-repeat;
     background-size: 16px;
     background-position: 7px 8px;
+
+    @media(max-width:1099px) {
+      width: 130px;
+    }
+  }
+
+  .nav-container {
+    margin: auto 0;
   }
 
   .nav-toggle {
@@ -360,7 +368,7 @@ h6 {
     @media all and (max-width: $mobile-width) {
       display: inline-block;
       position: absolute;
-      top: 10px;
+      top: 15px;
       right: 15px;
     }
   }
diff --git a/content/assets/stylesheets/toc.scss b/content/assets/stylesheets/toc.scss
index 421c29ce..4cf2ebde 100644
--- a/content/assets/stylesheets/toc.scss
+++ b/content/assets/stylesheets/toc.scss
@@ -58,7 +58,7 @@ version: 4
   }
 
   .main.class {
-    padding-top: 53px;
+    padding-top: 50px;
   }
 
   .doc-nav {