Update app.py

app.py

@@ -85,7 +85,7 @@ def filter_menu(preference):
             filtered_data[item["Section__c"]] = []
 
         if preference == "All" or (preference == "Veg" and item["Veg_NonVeg__c"] in ["Veg", "Both"]) or (preference == "Non-Veg" and item["Veg_NonVeg__c"] in ["Non veg", "Both"]):
-            filtered_data[item["Section__c"]].append(item)
+            filtered_data[item["Section__c"].strip()].append(item)
 
     html_content = '<div style="padding: 20px; max-width: 1200px; margin: auto;">'
     for section, items in filtered_data.items():
@@ -94,12 +94,12 @@ def filter_menu(preference):
             html_content += '<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">'
             for item in items:
                 html_content += f"""
-                <div style="width: 300px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
-                    <img src="{item.get('Image1__c', '')}" style="width: 100%; height: 200px; object-fit: cover;">
+                <div style="width: 400px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden;">
+                    <img src="{item.get('Image1__c', '')}" style="width: 300px; height: 400px; object-fit: cover; margin: auto; display: block;">
                     <div style="padding: 10px;">
-                        <h3>{item['Name']}</h3>
-                        <p>${item['Price__c']}</p>
-                        <p>{item['Description__c']}</p>
+                        <h3 style='font-size: 1.2em; text-align: center;'>{item['Name']}</h3>
+                        <p style='font-size: 1.1em; color: green; text-align: center;'>${item['Price__c']}</p>
+                        <p style='font-size: 0.9em; text-align: justify;'>{item['Description__c']}</p>
                     </div>
                 </div>
                 """