adding teh version to the header

docs-assets/css/docs.css

@@ -641,21 +641,32 @@ body {
 }
 
 .docs-nav {
+  position: relative;
   padding-top: 12px;
   padding-bottom: 12px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
-.docs-nav .icon {
+.docs-nav .icon,
-  margin-top: 5px;
+.docs-nav .version {
+  position: absolute;
   color: #fff;
   opacity: .4;
-  cursor: pointer;
   -webkit-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
 }
-.docs-nav .icon:hover {
+.docs-nav .icon:hover,
+.docs-nav .version:hover {
   opacity: 1;
 }
+.docs-nav .icon {
+  top: 15px;
+  right: 0;
+  cursor: pointer;
+}
+.docs-nav .version {
+  top: 21px;
+  left: 0;
+}
 
 .docs-nav,
 .docs-header-content {

index.html

@@ -9,6 +9,7 @@ base_url: "./"
     <div class="column units-2">
       <header class="docs-nav">
         <a class="icon icon-list pull-right" href="/components" data-ignore="push"></a>
+        <a class="version" href="https://github.com/maker/ratchet">v2.0.0</a>
         <h1 class="docs-title">Ratchet</h1>
       </header>
     </div>

lib/sass/docs.scss

@@ -34,21 +34,32 @@ body {
   background-image: linear-gradient(45deg, #336f90 0%, #254456 100%);
 }
 .docs-nav {
+  position: relative;
   padding-top: 12px;
   padding-bottom: 12px;
   border-bottom: 1px solid rgba(255,255,255,.1);
 
-  .icon {
+  .icon,
-    margin-top: 5px;
+  .version {
+    position: absolute;
     color: #fff;
     opacity: .4;
-    cursor: pointer;
     @include transition(opacity .2s linear);
 
     &:hover {
       opacity: 1;
     }
   }
+
+  .icon {
+    top: 15px;
+    right: 0;
+    cursor: pointer;
+  }
+  .version {
+    top: 21px;
+    left: 0;
+  }
 }
 .docs-nav,
 .docs-header-content {