Update ingredients strand responiveness in portrait mode.

views/dashboardPage/dashboard.css

@@ -625,6 +625,15 @@ Modal
             font-size: 20px;
         }
 
+        .searchInput{
+            border-radius: 10px;
+        }
+
+        .choosable{
+            background:rgb(201, 201, 201);
+            color: black;
+        }
+
         /* HOME */
         #inventoryCheckCard{
             display: none;
@@ -638,6 +647,33 @@ Modal
             background: white;
         }
 
+        /* INGREDIENT INVENTORY */
+        #categoryList{
+            width: 95%;
+        }
+
+            .categoryDiv{
+                margin: 5px;
+            }
+
+                .categoryDiv > div:first-of-type p{
+                    padding: 10px;
+                    margin-right: 15px;
+                }
+
+                .categoryDiv > div:first-of-type button{
+                    padding: 10px;
+                    height: initial;
+                    width: initial;
+                    display: flex;
+                }
+
+                .ingredientsDiv{
+                    width: 90%;
+                }
+
+
+
         @media screen and (min-width: 601px){
             .strandTitle{
                 font-size: 40px;