Update app.py

app.py

@@ -248,8 +248,8 @@ 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>
-    /* Make all side-panel section headings smaller and tighter */
+  <style>
+    /* ========== Compact section headings ========== */
     .compact-heading h3 {
         font-size: 0.9rem !important;
         font-weight: 600 !important;
@@ -257,25 +257,50 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
         padding: 0 !important;
     }
     
-    /* General markdown at top title smaller */
+    /* ========== Main top title smaller ========== */
     .main-title h2 {
         font-size: 1.2rem !important;
         font-weight: 700 !important;
         margin-bottom: 0.6rem !important;
     }
     
-    /* Reduce spacing below sliders and dropdowns */
+    /* ========== Reduce spacing below sliders & dropdowns ========== */
     .compact-sliders .gr-slider,
     .compact-sliders .gr-number,
     .compact-sliders .gr-dropdown {
         margin-bottom: 0.4rem !important;
     }
     
-    /* Compact the overall column */
+    /* ========== Compact the left panel column ========== */
     .left-panel .gr-column {
         gap: 0.3rem !important;
     }
+    
+    /* ========== Tiny / pressed buttons ========== */
+    .tiny-btn .gr-button {
+        font-size: 0.75rem !important;       /* smaller text */
+        padding: 2px 6px !important;         /* tight padding */
+        min-height: 24px !important;         /* shorter button */
+        line-height: 1.1 !important;         /* compact vertical spacing */
+        border-radius: 4px !important;       /* slightly rounded */
+    }
+    
+    /* ========== Remove extra top/left page gaps ========== */
+    body, html {
+        margin: 0 !important;
+        padding: 0 !important;
+    }
+    
+    .gradio-container {
+        padding-top: 0.3rem !important;      /* reduce top space */
+        padding-left: 0.3rem !important;     /* reduce left space */
+    }
+    
+    .main-title {
+        margin-top: 0 !important;            /* tighten top title spacing */
+    }
     </style>
+
     """)
     # gr.Markdown("## 🗄️ LLaMA & Mistral Backend-Focused CRUD Automation — Persistent History")