Update static/styles.css

static/styles.css

@@ -377,32 +377,34 @@ body {
     border: 1px solid #ddd;
     border-radius: 5px;
     background-color: #f9f9f9;
+    box-sizing: border-box; /* Ensure padding and border are included in the width calculation */
+    overflow: visible;  /* Make sure content isn't hidden */
 }
 
 .selected-customization-ingredients textarea {
-    width: 100%;           /* Ensures the textarea takes the full width of the container */
-    height: 80px;          /* Adjust the height based on your preference */
+    width: 100%;
+    height: 80px;  /* You can adjust the height based on preference */
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
     font-size: 14px;
-    box-sizing: border-box; /* Ensures padding does not affect the width calculation */
+    box-sizing: border-box;
     margin-bottom: 10px;
 }
 
 .submit-customization-button {
-    background-color: #4CAF50;  /* Green background */
+    background-color: #4CAF50;
     color: white;
     padding: 10px 20px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-size: 16px;
-    display: block; /* Makes the button block-level, so it takes the full width of the container */
-    width: 100%;    /* Ensures the button also takes the full width */
+    display: block;
+    width: 100%;
     margin-top: 10px;
 }
 
 .submit-customization-button:hover {
-    background-color: #45a049; /* Darker green on hover */
+    background-color: #45a049;
 }