Update app.py

app.py

@@ -81,6 +81,7 @@ menu_data = [
 
 
 
+
 # Spice levels and extras
 spice_levels = ["American Mild", "American Medium", "American Spicy", 
                 "Indian Mild", "Indian Medium", "Indian Spicy", "Indian Very Spicy"]
@@ -98,7 +99,7 @@ popup_js = """
         const popup = document.getElementById("custom-popup");
         const overlay = document.getElementById("overlay");
         popup.innerHTML = `
-            <img src="${image}" alt="${name}" style="width: 100%; height: auto; border-radius: 10px;">
+            <img src="${image}" alt="${name}" style="width: 200px; height: auto; border-radius: 10px; margin-bottom: 10px;">
             <h3 style="margin-top: 10px;">${name}</h3>
             <p>${description}</p>
             <p style="font-weight: bold;">Price: ${price}</p>
@@ -141,7 +142,7 @@ popup_js = """
 popup_html = """
 <div id="overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 999;"></div>
 <div id="custom-popup" 
-     style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; max-width: 900px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 6px rgba(0,0,0,0.1); display: none; z-index: 1000; text-align: center;">
+     style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; max-width: 400px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 6px rgba(0,0,0,0.1); display: none; z-index: 1000; text-align: center;">
 </div>
 """