Updates to design

src/assets/pages/ResourcesInterface.html

@@ -19,18 +19,12 @@
   <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
-  <input class="form-control form-control-dark w-25" type="text" placeholder="Search" aria-label="Search">
+  <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
-  <ul class="na nav-preview d-none d-md-flex" role="tablist">
+  <ul class="navbar-nav px-3">
-        <li class="nav-item">
+    <li class="nav-item text-nowrap">
-      <a class="nav-link" href="#">About</a>
-    </li>
-        <li class="nav-item">
       <a class="nav-link" href="#">Help</a>
     </li>
-        <li class="nav-item">
+  </ul>
-      <a class="nav-link" href="#">Sign out</a>
-    </li>
-      </ul>
 </nav>
 
 <div class="container-fluid">
@@ -119,10 +113,8 @@
 
     <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
       <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
-        <p class="p">
+        <h1 class="h4">Dashboard</h1>
-        <p>
+              </div>
-        Hi [name]. Welcome to your dashboard.</p>
-      </div>
 
       <canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas>
 

src/assets/pages/styles/ResourcesInterface.css

@@ -89,8 +89,6 @@ body {
   padding: .75rem 1rem;
   border-width: 0;
   border-radius: 0;
-  position: absolute;
-  left: 219px;
 }
 
 .form-control-dark {