Merge pull request #107 from Andrew-Colman/fix-broken-navbar

Fix broken navbar

Author: matz

_includes/navigation.html

@@ -1,34 +1,26 @@
-            <nav class="navbar navbar-mruby" role="navigation">
-              <div class="navbar-header">
-                <a href="/"><img src="/images/mruby_header.png" alt="mruby" title="mruby"></a>
-              </div>
+<nav class="navbar navbar-mruby navbar-expand-md navbar-header pt-0 justify-content-between" role="navigation"> 
+ <a href="/"><img src="/images/mruby_header.png" alt="mruby" title="mruby"></a> 
+<div>
+      <ul class="nav navbar-nav">
+          <li class="nav-item"> <a href="/downloads" class="nav-link">Downloads</a>
+          </li>
+          <li class="nav-item"> <a href="/docs" class="nav-link">Documentation</a>
+          </li>
+          <li class="nav-item"> <a href="/libraries" class="nav-link">Libraries</a>
+          </li>
+          <li class="nav-item"> <a href="/about" class="nav-link">About</a>
+          </li>
+          <li class="nav-item"> <a href="/team" class="nav-link">Team</a>
+          </li>
+      </ul>
+      <!-- <form class="form-inline " role="search">
 
-              <div>
-                <ul class="nav navbar-nav">
-                  <li>
-                    <a href="/downloads">Downloads</a>
-                  </li>
-                  <li>
-                    <a href="/docs">Documentation</a>
-                  </li>
-                  <li>
-                    <a href="/libraries">Libraries</a>
-                  </li>
-                  <li>
-                    <a href="/about">About</a>
-                  </li>
-                  <li>
-                    <a href="/team">Team</a>
-                  </li>
-                </ul>
+                <div class="form-group">
+                  <input type="text" class="form-control">
 
-                <!--
-                <form class="navbar-form navbar-left" role="search">
-                  <div class="form-group">
-                    <input type="text" class="form-control">
-                  </div> <button type="submit" class="btn btn-default">Submit</button>
-                </form>
-                -->
-              </div>
+                </div> <button type="submit" class="btn btn-secondary">Submit</button>
 
-            </nav>
+              </form>
+              -->
+            </div>
+</nav>

css/main.css

@@ -8,6 +8,8 @@ a {
 
 .navbar-header img {
   margin-left: 160px;
+  top:0;
+  position: absolute;
 }
 
 .footer {
@@ -25,7 +27,7 @@ a {
   right: 0px;
   left: 0px;
   z-index: 100;
-  height: 90px;
+  height: unset;
 }
 
 .navbar-mruby .navbar-brand {
@@ -48,7 +50,7 @@ a {
 }
 
 .navbar-mruby .navbar-nav > li > a {
-  padding: 17px 22px;
+  padding: 15px 22px!important;
   color: #ce2812;
 }
 .navbar-mruby .navbar-nav > li > a:hover, .navbar-mruby .navbar-nav > li > a:focus {