Update static/styles.css

static/styles.css

@@ -128,7 +128,6 @@ body {
     opacity: 0.9;
 }
 
-
 /* Horizontal scrollable ingredient list with images */
 .ingredients-list {
     max-height: 200px;
@@ -171,11 +170,13 @@ body {
 .ingredients-list button:hover {
     background-color: #45a049;
 }
+
+/* Send button styling to match the image */
 .send-button {
-    display: inline-block;
-    padding: 10px 15px;
-    margin-top: 10px;
-    background-color: #000000; /* Black background to match your image */
+    display: block;
+    padding: 10px 20px;
+    margin: 10px auto 0;
+    background-color: #000000; /* Black background as per image */
     color: white;
     border: none;
     border-radius: 5px;
@@ -189,6 +190,7 @@ body {
 .send-button:hover {
     background-color: #333333; /* Darker shade on hover */
 }
+
 /* Non-editable selected ingredients box */
 .selected-ingredients {
     padding: 10px;