Update app.py

app.py

@@ -299,6 +299,26 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
     .main-title {
         margin-top: 0 !important;            /* tighten top title 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 */
+    }
+    
+    /* Compact slider label and value text */
+    .compact-sliders .gr-slider label,
+    .compact-sliders .gr-slider span {
+        font-size: 0.8rem !important;           /* smaller text */
+    }
+    
+    /* Optional: tighten the value box if slider shows a numeric box */
+    .compact-sliders input[type="number"] {
+        max-width: 70px !important;             /* smaller numeric input width */
+        font-size: 0.8rem !important;
+        padding: 2px 4px !important;
+    }
     </style>
 
     """)
@@ -317,17 +337,17 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
             edit_title_box = gr.Textbox(label="Edit Chat Name", placeholder="Type new chat name…", visible=False)
 
             # Model selection
-            gr.Markdown("### 🤖 Model Selection" ,elem_classes="compact-heading")
+            # gr.Markdown("### 🤖 Model Selection" ,elem_classes="compact-heading")
             model_choice = gr.Dropdown(choices=list(MODELS.keys()), value=list(MODELS.keys())[0], label="Choose a model", interactive=True)
 
             # Dataset selection
-            gr.Markdown("### 📚 Dataset Selection" ,elem_classes="compact-heading")
+            # gr.Markdown("### 📚 Dataset Selection" ,elem_classes="compact-heading")
             dataset_choice = gr.Dropdown(choices=DATASETS, value=DATASETS[0], label="Select a dataset", interactive=True)
 
             # Generation settings
-            gr.Markdown("### ⚙️ Generation Settings" ,elem_classes="compact-heading")
+            # gr.Markdown("### ⚙️ Generation Settings" ,elem_classes="compact-heading")
             with gr.Group(elem_classes="system-message-compact"):
-                system_box = gr.Textbox(value=SYSTEM_DEFAULT, label="System message", lines=3)
+                system_box = gr.Textbox(value=SYSTEM_DEFAULT, label="System message", lines=1)
             with gr.Group(elem_classes="compact-sliders"):
                 max_tokens = gr.Slider(256, 4096, value=1200, step=16, label="Max tokens")
                 temperature = gr.Slider(0.0, 2.0, value=0.25, step=0.05, label="Temperature")