aligning text

Author: sethladd

lib/resources/styles.css

@@ -34,12 +34,6 @@ nav.navbar {
   background-color: inherit;
   min-height: 56px;
   border: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
 }
 
 nav .container {
@@ -377,6 +371,10 @@ footer .container-fluid {
   line-height: 1;
 }
 
+nav ol.breadcrumbs {
+  line-height: 30px; /* matches the input field */
+}
+
 @media screen and (min-width: 768px) {
   nav ol.breadcrumbs {
     float: left;

lib/templates/_head.html

@@ -27,6 +27,7 @@
 <header class="container-fluid" id="title">
     <nav class="navbar navbar-fixed-top">
         <div class="container">
+          <div class="row">
             {{^navLinks.isEmpty}}
             <button id="sidenav-left-toggle" type="button">&nbsp;</button>
             {{/navLinks.isEmpty}}
@@ -42,9 +43,11 @@
                 <input type="text" id="search-box" disabled class="form-control typeahead" placeholder="Search">
               </div>
             </form>
-        </div>
+          </div> <!-- /row -->
+        </div> <!-- /container -->
     </nav>
     <div class="container masthead">
+      <div class="row">
         <ol class="breadcrumbs gt-separated visible-xs">
             {{#navLinks}}
             <li><a href="{{href}}">{{name}}</a></li>
@@ -66,7 +69,8 @@ <h1 class="title">
             <li><a href="{{href}}">{{name}}</a></li>
             {{/subnavItems}}
         </ul>
-    </div>
+      </div> <!-- /row -->
+    </div> <!-- /container -->
 </header>
 
 <div class="container body">