Update app.py

app.py

@@ -105,15 +105,15 @@ class GradioInterface:
             .container {
                 border: 2px solid #2196F3;
                 border-radius: 10px;
-                padding: 20px;
-                margin: 15px;
+                padding: 15px;  /* Reduced from 20px */
+                margin: 10px;   /* Reduced from 15px */
                 background: white;
                 position: relative;
             }
             
             .container::before {
                 position: absolute;
-                top: -12px;
+                top: -10px;    /* Reduced from -12px */
                 left: 20px;
                 background: white;
                 padding: 0 10px;
@@ -122,18 +122,24 @@ class GradioInterface:
                 font-size: 1.2em;
             }
             
-            /* Remove gray borders from inputs while keeping other styles */
-            .gradio-container .gr-input,
-            .gradio-container .gr-textbox,
-            .gradio-container .gr-text-input,
-            .gradio-container textarea,
-            .gradio-container select {
+            /* Remove default Gradio styles */
+            .no-background > div:first-child {
                 border: none !important;
-                box-shadow: none !important;
                 background: transparent !important;
+                box-shadow: none !important;
+            }
+            
+            /* Reduce spacing between elements */
+            .gradio-container {
+                gap: 0.5rem !important;  /* Reduced spacing between components */
+            }
+            
+            /* Reduce margins for markdown elements */
+            .markdown {
+                margin: 0.3em 0 !important;  /* Reduced top/bottom margins */
             }
             
-            /* Keep the container labels */
+            /* Container labels */
             .title-container::before { content: ''; }
             .input-container::before { content: 'PROMPT REFINEMENT'; }
             .analysis-container::before { content: 'ANALYSIS & REFINEMENT'; }
@@ -141,11 +147,26 @@ class GradioInterface:
             .results-container::before { content: 'RESULTS'; }
             .examples-container::before { content: 'EXAMPLES'; }
             
-            /* Radio group styling */
+            /* Radio group styling with reduced spacing */
             .radio-group {
                 display: flex;
-                gap: 10px;
-                margin: 10px 0;
+                gap: 5px;      /* Reduced from 10px */
+                margin: 5px 0; /* Reduced from 10px */
+            }
+            
+            /* Reduce spacing in columns */
+            .gr-form > div {
+                gap: 0.5rem !important;
+            }
+            
+            /* Reduce padding in textboxes */
+            .gr-textbox {
+                padding: 0.3rem !important;
+            }
+            
+            /* Reduce accordion spacing */
+            .gr-accordion {
+                margin: 0.3rem 0 !important;
             }
             """