Fix style on new orders sidebar

views/dashboardPage/sidebars/newOrder.ejs

@@ -16,21 +16,23 @@
 <div id="newOrder">
     <h1>NEW ORDER</h1>
 
-    <label>NAME/ID:
-        <input id="newOrderName" type="text">
-    </label>
-
-    <label>DATE:
-        <input id="newOrderDate" type="date">
-    </label>
-
-    <label>TAXES:
-        <input id="orderTaxes" type="number" min="0" step="0.01">
-    </label>
-
-    <label>OTHER FEES:
-        <input id="orderFees" type="number" min="0" step="0.01">
-    </label>
+    <div class="newOrderLabels">
+        <label>DATE:
+            <input id="newOrderDate" type="date">
+        </label>
+
+        <label>NAME/ID:
+            <input id="newOrderName" type="text">
+        </label>
+
+        <label>TAXES:
+            <input id="orderTaxes" type="number" min="0" step="0.01">
+        </label>
+
+        <label>OTHER FEES:
+            <input id="orderFees" type="number" min="0" step="0.01">
+        </label>
+    </div>
 
     <div id="selectedIngredientList"></div>
 

views/dashboardPage/sidebars/sidebars.css

@@ -442,6 +442,24 @@ Add Recipe
     width: 40%;
 }
 
+    .newOrderLabels{
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        margin-bottom: 25px;
+    }
+
+        .newOrderLabels label{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 15px;
+        }
+
+        .newOrderLabels input{
+            width: 50%;
+        }
+
     #newOrderIngredients{
         display: flex;
         flex-direction: column;