quick update to the header gradient

components.html

@@ -889,10 +889,10 @@ document
       <a href="#myModalexample" class="button">Open modal</a>
       <div id="myModalexample" class="modal">
         <header class="bar-nav">
-          <h1 class="title">Modal</h1>
-          <a class="button" href="#myModalexample">
+          <a class="button pull-right" href="#myModalexample">
             Close
           </a>
+          <h1 class="title">Modal</h1>
         </header>
         
         <div class="content">
@@ -905,10 +905,10 @@ document
 <a href="#myModalexample" class="button">Open modal</a>
 <div id="myModalexample" class="modal">
   <header class="bar-nav">
-    <h1 class="title">Modal</h1>
-    <a class="button" href="#myModalexample">
+    <a class="button pull-right" href="#myModalexample">
       Close
     </a>
+    <h1 class="title">Modal</h1>
   </header>
   
   <div class="content">

docs-assets/css/docs.css

@@ -24,7 +24,7 @@ body {
 }
 
 .docs-header {
-  background-image: linear-gradient(45deg, #336f90 0%, #254456 100%);
+  background-image: linear-gradient(45deg, #317ca6 0%, #254456 100%);
 }
 
 .docs-nav {

lib/sass/docs.scss

@@ -23,7 +23,7 @@ body {
 // --------------------------------------------------
 
 .docs-header {
-  background-image: linear-gradient(45deg, #336f90 0%, #254456 100%);
+  background-image: linear-gradient(45deg, #317ca6 0%, #254456 100%);
 }
 .docs-nav {
   position: relative;