Update docs responsive styles

Author: inikolova

_assets/javascripts/app.js

@@ -100,22 +100,16 @@ $(function(){
 });
 
 $(function(){
-    $(".toggle-nav-wrapper").click(function() {
-        if($("#page-search").hasClass("search-visibility")){
-            $("#page-search").removeClass("search-visibility");                  
-        }
-        if($("#page-inner-content").hasClass("move-inner-content")){
-            $("#page-inner-content").removeClass("move-inner-content");                  
-        }
+    $(".toggle-nav").click(function() {
+        $("#page-search").removeClass("search-visibility");                  
+        $("#page-inner-content").removeClass("move-inner-content");                  
         $("#page-nav").toggleClass("nav-visibility");
     });
 });
 
 $(function(){
     $(".show-search").click(function() {
-        if($("#page-nav").hasClass("nav-visibility")){
-            $("#page-nav").removeClass("nav-visibility");
-        }
+        $("#page-nav").removeClass("nav-visibility");
         $("#page-search").toggleClass("search-visibility");
         $("#page-inner-content").toggleClass("move-inner-content");
     });

_assets/stylesheets/styles.css

@@ -40,12 +40,6 @@ article, aside, footer {
    display:block;
 }
 
-#page-top,
-#page-inner-content {
-    min-width: 800px;
-}
-
-
 /* Header */
 
 #page-header {
@@ -79,6 +73,7 @@ article, aside, footer {
     position: absolute;
     top: 0;
     left: 0;
+    min-width: 300px;
     width: 20%;
     height: 100%;
     overflow: auto;
@@ -525,14 +520,13 @@ footer
 }
 
 
-.toggle-nav-wrapper {
+.toggle-nav {
     width: 24px; 
     height: 24px;
     background: transparent; 
     display: none; 
     position: relative;
     margin-left: 1.833em;
-    vertical-align: middle;
     cursor: pointer;
 }
 
@@ -619,7 +613,7 @@ footer
         margin-top: 1em;
     }
 
-    .toggle-nav-wrapper {
+    .toggle-nav {
         display: inline-block;
     }
 
@@ -657,7 +651,7 @@ footer
     }
 
     .toggle-nav span:before {
-      top: -8px;
+      top: 16px;
     }
 
     .toggle-nav span:after {

_layouts/index.html

@@ -36,9 +36,7 @@
         <script>(function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', '{{site.google_tag_manager}}');</script>
         <!-- End Google Tag Manager -->
         <header id="page-header">
-            <div class="toggle-nav-wrapper">
-                <span class="toggle-nav"><span></span></span>
-            </div>
+            <span class="toggle-nav"><span></span></span>
             {% include header.html %}
         </header>