Update app.py

app.py

@@ -248,7 +248,7 @@ default_selected = labels[0] if labels else None
 with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.themes.Soft()) as demo:
     # --- Custom CSS ---
     gr.HTML("""
-  <style>
+    <style>
     /* ========== Compact section headings ========== */
     .compact-heading h3 {
         font-size: 0.9rem !important;
@@ -291,31 +291,36 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
         padding: 0 !important;
     }
     
+    /* Pull the whole container closer to the top/left */
     .gradio-container {
-        padding-top: 0.3rem !important;      /* reduce top space */
-        padding-left: 0.3rem !important;     /* reduce left space */
+        margin-top: -10px !important;        /* use negative to remove gap */
+        padding-top: 0 !important;
+        padding-left: 0.3rem !important;     /* keep slight left padding */
     }
     
-    .main-title {
-        margin-top: 0 !important;            /* tighten top title spacing */
+    /* Ensure first block/title doesn’t add gap */
+    .main-title,
+    .gr-block:first-of-type {
+        margin-top: -5px !important;         /* adjust as needed */
+        padding-top: 0 !important;
     }
-
-    /* Compact sliders: reduce vertical height and spacing */
+    
+    /* ========== Compact sliders: reduce vertical height and spacing ========== */
     .compact-sliders .gr-slider {
-        height: 28px !important;                /* shorter track */
-        padding: 0 !important;                  /* remove inner padding */
-        margin-bottom: 0.3rem !important;       /* less spacing below each slider */
+        height: 28px !important;             /* shorter track */
+        padding: 0 !important;               /* remove inner padding */
+        margin-bottom: 0.3rem !important;    /* less spacing below each slider */
     }
     
     /* Compact slider label and value text */
     .compact-sliders .gr-slider label,
     .compact-sliders .gr-slider span {
-        font-size: 0.8rem !important;           /* smaller text */
+        font-size: 0.8rem !important;        /* smaller text */
     }
     
-    /* Optional: tighten the value box if slider shows a numeric box */
+    /* Tighten the numeric input box on sliders */
     .compact-sliders input[type="number"] {
-        max-width: 70px !important;             /* smaller numeric input width */
+        max-width: 70px !important;          /* smaller numeric input width */
         font-size: 0.8rem !important;
         padding: 2px 4px !important;
     }