Update style on the ingredient details sidebar.

views/dashboardPage/css/dashboard.css

@@ -113,7 +113,7 @@ body{
 
 .lineBorder{
     width: 100%;
-    border-bottom: 1px solid gray;
+    border-bottom: 1px solid rgb(255, 99, 107);
     margin: 25px;
 }
 
@@ -183,10 +183,12 @@ Multi-strand use classes
 
     .choosable.offColor{
         background: rgb(179, 191, 209);
+        color: black;
     }
 
         .choosable.offColor{
             background: rgb(201, 201, 201);
+            color: black;
         }
 
     .choosable.tall{
@@ -195,12 +197,10 @@ Multi-strand use classes
 
     .choosable:hover{
         background: rgb(179, 191, 209);
-        color: black;
     }
 
     .choosable.active{
         background: rgb(240, 252, 255);
-        color: black;
     }
 
 .searchBar{

views/dashboardPage/ejs/sidebars/editIngredient.ejs

@@ -22,12 +22,6 @@
 
     <label id="editSpecialLabel"></label>
 
-    <div class="lineBorder"></div>
-    
-    <h3>SUB INGREDIENTS</h3>
-
-    <button id="editSubIngredients" class="sidebarButton">EDIT</button>
-
     <div class="lineBorder"></div>
 
     <h3>MEASUREMENT UNIT</h3>
@@ -37,4 +31,8 @@
     <div class="lineBorder"></div>
 
     <button id="editIngSubmit" class="sidebarButton">SUBMIT</button>
+
+    <div class="lineBorder"></div>
+
+    <button id="editSubIngredients" class="sidebarButton">EDIT SUB-INGREDIENTS</button>
 </div>