style updates

_layouts/default.html

@@ -33,10 +33,12 @@
             </div>
 
             <div class="collapse navbar-collapse" id="navbar-collapse">
-                <ul class="nav navbar-nav navbar-right">
+                <ul class="nav navbar-nav">
                     <li>
-                        <a href="/"><i class="fa fa-support fa-fw"></i> Help Center</a>
+                        <a href="/"><i class="fa fa-support fa-fw visible-xs"></i> Help Center</a>
                     </li>
+                </ul>
+                <ul class="nav navbar-nav navbar-right">
                     <li>
                         <a href="https://bitwarden.com/contact/"><i class="fa fa-envelope fa-fw"></i> Contact Us</a>
                     </li>

css/styles.scss

@@ -27,7 +27,7 @@ body {
     font-family: $font-family-sans-serif;
     font-size: 15px;
     background-color: #fafafa;
-    
+
     @media(min-width:768px) {
         margin-bottom: 101px;
     }
@@ -71,6 +71,14 @@ a {
             text-decoration: underline;
         }
     }
+
+    .navbar-toggle {
+        border-color: darken($brand-dark-accent, 5%);
+    }
+
+    .navbar-toggle:focus, .navbar-toggle:hover {
+        background-color: $brand-secondary;
+    }
 }
 
 .search-header {
@@ -148,3 +156,9 @@ footer {
 .breadcrumb {
     border: 1px solid #ddd;
 }
+
+@media (max-width: 767px) {
+    .fa-support.visible-xs {
+        display: inline-block !important;
+    }
+}

search/index.html

@@ -26,7 +26,7 @@ title: Search Results
             <h3 class="panel-title"><i class="fa fa-search"></i> {{page.title}} for "<span id="search-term"></span>"</h3>
         </div>
         <div class="panel-body">
-            <ul id="search-results"></ul>
+            <ol id="search-results"></ol>
         </div>
     </div>
 </div>