fixing up the header a tad

docs-assets/css/docs.css

@@ -46,12 +46,12 @@ body {
   opacity: 1;
 }
 .docs-nav .icon {
-  top: 18px;
+  top: 13px;
   right: 0;
   cursor: pointer;
 }
 .docs-nav .version {
-  top: 21px;
+  top: 14px;
   left: 0;
 }
 
@@ -65,7 +65,9 @@ body {
   padding-bottom: 50px;
 }
 .docs-header-content .button {
+  display: block;
   padding: 15px 30px 16px;
+  margin: 0 10px 10px;
   font-size: 18px;
   color: #00d1fe;
   border-color: #00d1fe;
@@ -81,7 +83,7 @@ body {
   background-color: transparent;
 }
 .docs-header-content .button-primary {
-  margin-left: 10px;
+  margin-bottom: 0;
   color: #fff;
   border-color: #00d1fe;
   background-color: #00d1fe;
@@ -102,7 +104,7 @@ body {
 
 .docs-title {
   margin: 0;
-  font-size: 22px;
+  font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 6px;
@@ -111,7 +113,7 @@ body {
 .docs-subtitle {
   max-width: 750px;
   margin: 0 auto 20px;
-  font-size: 24px;
+  font-size: 26px;
   font-weight: 100;
   line-height: 34px;
 }
@@ -486,6 +488,25 @@ hr {
     line-height: 60px;
   }
 
+  .docs-header-content .button {
+    display: inline-block;
+    margin: 0;
+  }
+  .docs-header-content .button-primary {
+    margin-left: 10px;
+  }
+
+  .docs-title {
+    font-size: 22px;
+  }
+
+  .docs-nav .icon {
+    top: 18px;
+  }
+  .docs-nav .version {
+    top: 17px;
+  }
+
   .device {
     position: relative;
     top: 50px;

lib/sass/docs.scss

@@ -43,12 +43,12 @@ body {
     }
   }
   .icon {
-    top: 18px;
+    top: 13px;
     right: 0;
     cursor: pointer;
   }
   .version {
-    top: 21px;
+    top: 14px;
     left: 0;
   }
 }
@@ -61,7 +61,9 @@ body {
   padding-bottom: 50px;
 
   .button {
+    display: block;
     padding: 15px 30px 16px;
+    margin: 0 10px 10px;
     font-size: 18px;
     color: #00d1fe;
     border-color: #00d1fe;
@@ -77,7 +79,7 @@ body {
     }
   }
   .button-primary {
-    margin-left: 10px;
+    margin-bottom: 0;
     color: #fff;
     border-color: #00d1fe;
     background-color: #00d1fe;
@@ -98,7 +100,7 @@ body {
 }
 .docs-title {
   margin: 0;
-  font-size: 22px;
+  font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 6px;
@@ -106,7 +108,7 @@ body {
 .docs-subtitle {
   max-width: 750px;
   margin: 0 auto 20px;
-  font-size: 24px;
+  font-size: 26px;
   font-weight: 100;
   line-height: 34px;
 }
@@ -522,6 +524,27 @@ hr {
     font-size: 41px;
     line-height: 60px;
   }
+  .docs-header-content {
+
+    .button {
+      display: inline-block;
+      margin: 0;
+    }
+    .button-primary {
+      margin-left: 10px;
+    }
+  }
+  .docs-title {
+    font-size: 22px;
+  }
+  .docs-nav {
+    .icon {
+      top: 18px;
+    }
+    .version {
+      top: 17px;
+    }
+  }
 
   // Device
   .device {