Update app.py

app.py

@@ -351,10 +351,10 @@ def app():
                         <button onclick="closeModal()" style="background: none; border: none; font-size: 18px; cursor: pointer;">&times;</button>
                     </div>
                     <img id="modal-image" style="width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px;" />
-                    <h2 id="modal-name"></h2>
+                    <h4 id="modal-name"></h4>
                     <p id="modal-description"></p>
                     <p id="modal-price"></p>
-                    <!-- Biryani Extras -->
+                    <!-- Extras -->
                     <label for="biryani-extras">Extras :</label>
                     <div id="biryani-extras-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
                         <label><input type="checkbox" name="biryani-extra" value="Thums up" /> Thums up + $2.00</label>
@@ -367,10 +367,8 @@ def app():
                     </div>
                     <!-- Quantity and Special Instructions -->
                     <label for="quantity">Quantity:</label>
-                    <input type="number" id="quantity" value="1" min="1" style="width: 50px;" />
-                    <br><br>
+                    <input type="number" id="quantity" value="1" min="1" style="width: 30px;" />
                     <textarea id="special-instructions" placeholder="Add special instructions here..." style="width: 100%; height: 60px;"></textarea>
-                    <br><br>
                     <!-- Add to Cart Button -->
                     <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="addToCart()">Add to Cart</button>
                 </div>