Update config.py

config.py

@@ -77,7 +77,6 @@ except ImportError:
     HTTPX_AVAILABLE = False
     logger.warning("httpx not available - file upload functionality limited")
 
-# CSS Configuration
 CUSTOM_CSS = """
 /* Hide Gradio footer */
 footer {
@@ -110,71 +109,77 @@ footer {
     padding-bottom: 0 !important;
 }
 
-/* === SIDEBAR STYLING === */
-/* Reduce padding inside sidebar container */
-.gradio-sidebar {
+/* Sidebar spacing optimizations */
+#main-sidebar {
     padding: 0.75rem !important;
-    gap: 0.5rem !important;
 }
 
-/* Reduce spacing between sidebar components */
-.gradio-sidebar > * {
+/* Reduce margins for all elements inside sidebar */
+#main-sidebar > * {
     margin-bottom: 0.5rem !important;
-    margin-top: 0 !important;
 }
 
-/* Reduce padding inside accordions */
-.gradio-sidebar .gradio-accordion {
+#main-sidebar > *:last-child {
+    margin-bottom: 0 !important;
+}
+
+/* Compact markdown spacing in sidebar */
+#main-sidebar .markdown {
+    margin-bottom: 0.5rem !important;
+    padding: 0.25rem 0 !important;
+}
+
+#main-sidebar .markdown h1 {
     margin-bottom: 0.5rem !important;
+    margin-top: 0 !important;
 }
 
-.gradio-sidebar .gradio-accordion > div {
-    padding: 0.5rem !important;
+#main-sidebar .markdown h2 {
+    margin-bottom: 0.4rem !important;
+    margin-top: 0.5rem !important;
 }
 
-/* Compact markdown elements in sidebar */
-.gradio-sidebar .gradio-markdown {
+/* Accordion spacing optimization */
+#main-sidebar .accordion {
     margin-bottom: 0.5rem !important;
-    padding: 0.25rem 0 !important;
 }
 
-.gradio-sidebar .gradio-markdown h1,
-.gradio-sidebar .gradio-markdown h2,
-.gradio-sidebar .gradio-markdown h3 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+#main-sidebar .accordion summary {
+    padding: 0.5rem 0.75rem !important;
 }
 
-.gradio-sidebar .gradio-markdown p {
-    margin-bottom: 0.25rem !important;
+#main-sidebar .accordion .accordion-content {
+    padding: 0.5rem 0.75rem !important;
 }
 
-/* Reduce spacing for form elements in sidebar */
-.gradio-sidebar .gradio-textbox,
-.gradio-sidebar .gradio-dropdown,
-.gradio-sidebar .gradio-button {
+/* Textbox and input spacing */
+#main-sidebar .textbox,
+#main-sidebar .dropdown {
     margin-bottom: 0.5rem !important;
 }
 
-/* Compact button spacing */
-.gradio-sidebar .gradio-button {
-    margin-top: 0.25rem !important;
+#main-sidebar .textbox label,
+#main-sidebar .dropdown label {
     margin-bottom: 0.25rem !important;
 }
 
-/* Reduce gap in form groups */
-.gradio-sidebar .gradio-form > * {
-    margin-bottom: 0.25rem !important;
+/* Button spacing */
+#main-sidebar .button {
+    margin-bottom: 0.5rem !important;
+    margin-top: 0.25rem !important;
 }
 
-/* Compact accordion content */
-.gradio-sidebar .gradio-accordion-content {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.25rem !important;
+/* Server status section compact spacing */
+#main-sidebar .status-section {
+    margin-bottom: 0.75rem !important;
 }
 
-/* Remove extra spacing from last elements */
-.gradio-sidebar > *:last-child {
-    margin-bottom: 0 !important;
+/* Remove excessive padding from form elements */
+#main-sidebar .form {
+    gap: 0.5rem !important;
+}
+
+#main-sidebar .form > * {
+    margin-bottom: 0.25rem !important;
 }
 """