Update banner

views/dashboardPage/dashboard.css

@@ -18,8 +18,7 @@ body{
     height: 100vh;
     flex: 1;
     box-sizing: border-box;
-    padding: 50px;
-    padding-top: 0;
+    position: relative;
 }
 
 /* 
@@ -35,7 +34,9 @@ Multi-strand use classes
         display: flex;
         justify-content: space-between;
         width: 100%;
+        padding: 50px 50px 0 50px;
         align-items: center;
+        box-sizing: border-box;
     }
 
         .strandTitle{
@@ -466,18 +467,22 @@ Transactions Strand
         color: white;
     }
 
-        .banner{
-            display: none;
-        }
-
         .contentBlock{
             padding: 0;
         }
 
-            .strandTitle{
-                margin-top: 35px;
+            .banner{
+                display: none;
             }
 
+            .strandHead{
+                padding: 0;
+            }
+
+                .strandTitle{
+                    margin-top: 35px;
+                }
+
         .mobileHide{
             display: none;
         }

views/dashboardPage/dashboard.ejs

@@ -93,7 +93,9 @@
             <% include ../shared/banner %>
             
             <div id="homeStrand" class="strand">
-                <h1 class="strandTitle">DASHBOARD</h1>
+                <div class="strandHead">
+                    <h1 class="strandTitle">DASHBOARD</h1>
+                </div>
 
                 <div class="flexRow">
                     <div id="revenueCard" class="card">

views/dashboardPage/sidebars/sidebars.css

@@ -644,6 +644,7 @@ New Transaction
 
     .mobileMenuSelector{
         display: block;
+        z-index: 20;
     }
 
     #orderIngredients{

views/shared/shared.css

@@ -280,23 +280,23 @@ form{
     width: 100%;
     text-align: center;
     list-style-type: none;
-    font-weight: bold;
+    font-size: 20px;
     color: white;
-    
+    z-index: 10;
+    position: absolute;
+    border-radius: 5px;
 }
 
     .banner .notification{
-        background: rgb(201, 201, 201);
+        background: rgba(0, 255, 0, 0.75);
         list-style-type: none;
-        padding: 3px;
-        color: black;
+        padding: 5px;
     }
 
     .banner .error{
-        background: rgb(255, 99, 107);
+        background: rgba(255, 0, 0, 0.75);
         list-style-type: none;
         padding: 5px;
-        color: white;
     }
 
 /* Footer Partial */