improve nav bar

Author: fraolBatole

_includes/header.html

@@ -9,7 +9,7 @@
                    style="height: 60px; margin: 10px 0; background-color: white; padding: 5px; border-radius: 4px;"/>
             </a>
             <!-- Move the navigation links here -->
-            <div class="navbar-nav d-none d-sm-flex" style="color: white;">
+            <div class="navbar-nav d-none d-sm-flex nav-horizontal">
               <a class="nav-item nav-link" href="/projects.html">Projects</a>
               <a class="nav-item nav-link" href="/papers/">Papers</a>
               <a class="nav-item nav-link" href="/grants/">Grants</a>

css/design.scss

@@ -37,6 +37,16 @@ body {
   background-color: rgba(230,230,230,0.95);
 }
 
+.nav-horizontal {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.nav-horizontal .nav-item {
+  margin-left: 15px;
+} 
+
 .brand-navbar {
 //   border-bottom: 6px solid #DFBD00;
   padding-top: 0.5rem;