Fix bug in new order creation

views/dashboardPage/components/components.css

@@ -461,12 +461,22 @@
     width: 100%;
 }
 
+    #newOrder .sidebarIconButtons{
+        margin-bottom: 10px;
+    }
+
     #newOrderCategories{
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100%;
         margin-bottom: 25px;
+        max-height: 25%;
+        overflow: auto;
+    }
+
+    #newOrderAdded{
+        max-height: 25%;
         overflow: auto;
     }
 

views/dashboardPage/components/newOrder.ejs

@@ -10,7 +10,7 @@
 
     <h1>New Order</h1>
 
-    <label>ID(optional):
+    <label>ID or name(optional):
         <input id="orderName" type="text"> 
     </label>
 
@@ -20,7 +20,11 @@
 
     <div class="lineBorder"></div>
 
+    <h2>Ingredients</h2>
+
     <div id="newOrderAdded"></div>
 
+    <div class="lineBorder"></div>
+
     <button class="button" onclick="newOrderComp.submit()">Create</button>
 </div>