Refactor addIngredients css

views/dashboardPage/components/components.css

@@ -1,13 +1,3 @@
-.button2Link{
-    background: none;
-    border: none;
-    color: blue;
-    text-decoration: underline;
-    font-size: 18px;
-    margin-top: auto;
-    cursor: pointer;
-}
-
 /* Menu */
 .menu{
     display: flex;
@@ -256,6 +246,11 @@
             overflow-y: auto;
         }
 
+    #addIngredientsBtn{
+        width: 25%;
+        margin-left: auto;
+    }
+
     .addIngredientsIngredients{
         flex-direction: column;
         padding: 0 20px;
@@ -268,36 +263,31 @@
             margin: 5px;
         }
 
-        .addIngredientsIngredient > *:nth-child(2){
-            margin-left: auto;
-        }
-
-        .addIngredientsIngredient input[type=number]{
-            width: 100px;
-        }
+            .addIngredientsIngredient > *:nth-child(2){
+                margin-left: auto;
+            }
 
-        .addButton{
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 25px;
-            font-weight: bold;
-            background: none;
-            border: 1px solid black;
-            border-radius: 5px;
-            width: 30px;
-            cursor: pointer;
-        }
+            .addIngredientsIngredient input[type=number]{
+                width: 100px;
+            }
 
-            .addButton:hover{
-                background:rgb(0, 27, 45);
-                color: white;
+            .addButton{
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 25px;
+                font-weight: bold;
+                background: none;
+                border: 1px solid black;
+                border-radius: 5px;
+                width: 30px;
+                cursor: pointer;
             }
 
-    #addIngredientsBtn{
-        width: 25%;
-        margin-left: auto;
-    }
+                .addButton:hover{
+                    background:rgb(0, 27, 45);
+                    color: white;
+                }
 
 /* Ingredient Details */
 #ingredientDetails{

views/dashboardPage/dashboard.css

@@ -129,6 +129,16 @@ Multi-strand use classes
         cursor: pointer;
     }
 
+    .button2Link{
+        background: none;
+        border: none;
+        color: blue;
+        text-decoration: underline;
+        font-size: 18px;
+        margin-top: auto;
+        cursor: pointer;
+    }
+
 /* 
 Home Strand 
 */