Update app.py

app.py

@@ -68,17 +68,16 @@ if __name__ == "__main__":
             """
         )
 
-        # Global Color Picker - Repositioned
-        with gr.Row(variant="panel"): # Using variant="panel" for better visual grouping
-            with gr.Column(scale=1):
-                gr.Markdown("### Main Diagram Color")
-            with gr.Column(scale=2):
-                base_color_picker = gr.ColorPicker(
-                    label="Select Base Color for Diagram",
-                    value=DEFAULT_BASE_COLOR, # Default to your dark color
-                    interactive=True,
-                    elem_id="main-color-picker"
-                )
+        # Global Color Picker - Repositioned and simplified layout
+        with gr.Row(variant="panel", mobile_collapse=False, equal_height=True): # Ensure it doesn't collapse on mobile and maintains height
+            gr.Markdown("### Main Diagram Color", scale=1) # Use scale directly on Markdown
+            base_color_picker = gr.ColorPicker(
+                label="Select Base Color for Diagram",
+                value=DEFAULT_BASE_COLOR, # Default to your dark color
+                interactive=True,
+                elem_id="main-color-picker",
+                scale=2 # Allow color picker to take more space
+            )
         
         # Add a small space after the color picker row before tabs
         gr.Markdown("<br>")