Fix all style on ingredient details sidebar

views/dashboardPage/sidebars/sidebars.css

@@ -332,6 +332,7 @@ Ingredient Details
     #ingredientDetails label{
         font-size: 20px;
         text-align: center;
+        margin: 0;
     }
 
     #ingredientDetails label p{
@@ -340,25 +341,61 @@ Ingredient Details
         padding: 10px;
     }
 
-    .unitButton{
-        margin: 5px;
-        padding: 5px;
-        background: none;
+    .ingredientButtons{
+        display: flex;
+        justify-content: space-around;
+        padding: 10px;
+    }
+
+        .unitButton{
+            margin: 5px;
+            padding: 3px;
+            background: none;
+            border: 1px solid black;
+            font-size: 15px;
+            font-weight: bold;
+            cursor: pointer;
+            border-radius: 5px;
+        }
+
+            .unitButton:hover{
+                background: rgb(0, 27, 45);
+                color: white;
+            }
+
+            .unitActive{
+                background: rgb(255, 99, 107);
+            }
+
+        #defaultUnit{
+            padding: 5px;
+            font-size: 15px;
+        }
+
+    #ingredientRecipeList{
+        list-style: none;
+        overflow: auto;
+        max-height: 150px;
+        width: 90%;
+        margin-left: auto;
+    }
+
+    #ingredientRecipeList > li{
+        font-size: 15px;
+        padding: 10px;
+        border-radius: 5px;
+        font-weight: bold;
+        background: rgb(240, 252, 255);
         border: 1px solid black;
-        font-size: 25px;
         cursor: pointer;
-        border-radius: 5px;
+        margin: 1px 0;
     }
 
-        .unitButton:hover{
+        #ingredientRecipeList > li:hover{
             background: rgb(0, 27, 45);
             color: white;
         }
 
-        .unitActive{
-            background: rgb(255, 99, 107);
-        }
-
 /* 
 Recipe Details 
 */
@@ -574,27 +611,6 @@ Add Recipe
         margin: 5px 0;
     }
 
-/* 
-Ingredient Details 
-*/
-#ingredientRecipeList{
-    list-style: none;
-    overflow: auto;
-}
-
-#ingredientRecipeList > li{
-    font-size: 25px;
-    font-weight: bold;
-    padding: 10px;
-    border-radius: 5px;
-    cursor: pointer;
-}
-
-    #ingredientRecipeList > li:hover{
-        background: rgb(0, 27, 45);
-        color: white;
-    }
-
 /*
 Transaction Details
 */