Mobilize orders strand

views/dashboardPage/dashboard.css

@@ -570,4 +570,11 @@ Transactions Strand
     #recipeList{
         width: 95%;
     }
+
+    /*
+    Orders
+    */
+    #orderList{
+        width: 95%;
+    }
 }

views/dashboardPage/dashboard.ejs

@@ -247,7 +247,7 @@
                 <div class="strandHead">
                     <h1 class="strandTitle">ORDERS</h1>
 
-                    <button class="button" onclick="newOrderComp.display()">NEW</button>
+                    <button class="button mobileHide" onclick="newOrderComp.display()">NEW</button>
                 </div>
 
                 <div id="orderList"></div>

views/dashboardPage/sidebars/sidebars.css

@@ -659,5 +659,13 @@ New Transaction
 
     .mobileMenuSelector{
         display: block;
-    }        
+    }
+
+    #orderIngredients{
+        width: 100%;
+    }
+    
+        .orderIngredient{
+            color: black;
+        }
 }