Update app.py

app.py

@@ -284,14 +284,9 @@ button {
         alert("Your final order has been submitted!");
     }
 </script>
-"""
+# Gradio App
 def app():
-    with gr.Blocks(css="""
-        #cart-section { 
-            height: 760px; /* Fixed height for the Cart Page */
-            overflow-y: auto; /* Enable scrolling if content exceeds height */
-        }
-    """) as demo:
+    with gr.Blocks() as demo:
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -322,14 +317,13 @@ def app():
                 value="All",
                 label="Choose a Preference",
             )
-            empty_div = gr.HTML('<div style="height: 20px;"></div>')
+            
+            # Add the same view_cart_button in both positions
             view_cart_button = gr.Button("View Cart")
+
             # Output area for menu items
             menu_output = gr.HTML(value=filter_menu("All"))
 
-            # Button to navigate to Cart Page
-            view_cart_button = gr.Button("View Cart")
-            empty_div = gr.HTML('<div style="height: 300px;"></div>')
             # Modal window
             modal_window = gr.HTML("""
                 <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
@@ -361,17 +355,17 @@ def app():
                     <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>
                 """)
-            # Update menu dynamically based on preference
-            selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
 
             # Layout
             gr.Row([selected_preference])
+            gr.Row(view_cart_button)  # First position for view_cart_button
             gr.Row(menu_output)
+            gr.Row(view_cart_button)  # Second position for view_cart_button
             gr.Row(modal_window)
             gr.HTML(modal_and_cart_js)
 
         # Cart & Final Order Page
-        with gr.Column(visible=False, elem_id="cart-section") as cart_section:
+        with gr.Column(visible=False) as cart_section:
             gr.Markdown("### Cart & Final Order Page")
 
             # Floating cart display
@@ -423,4 +417,4 @@ def app():
     return demo
 
 if __name__ == "__main__":
-    app().launch()
+    app().launch()