Update app.py

app.py

@@ -318,18 +318,33 @@ default_selected = labels[0] if labels else None
 with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.themes.Soft()) as demo:
     gr.HTML("""
     <style>
-    button {
+    /* General button style */
+    #session-action-row button,
+    #save-title-btn {
+        width: 36px !important;
+        height: 36px !important;
+        border-radius: 8px !important;
+        font-size: 18px !important;
+        padding: 0 !important;
+        margin: 2px !important;
         background-color: #22c55e !important;
-        color: #ffffff !important;
+        color: #fff !important;
         border: none !important;
+        cursor: pointer;
     }
-    button:hover {
+    
+    /* Hover & focus effects */
+    #session-action-row button:hover,
+    #save-title-btn:hover {
         background-color: #16a34a !important;
     }
-    button:focus {
+    
+    #session-action-row button:focus,
+    #save-title-btn:focus {
         outline: 2px solid #166534 !important;
-        outline-offset: 2px;
     }
+    
+    /* Compact form/sliders keep */
     .compact-sliders .gr-form {
         margin-bottom: 0.5rem !important;
     }
@@ -347,6 +362,7 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
         max-height: 120px !important;
     }
     </style>
+
     """)
 
     gr.Markdown("## 🗄️ LLaMA & Mistral Backend-Focused CRUD Automation — with Persistent History")
@@ -363,8 +379,12 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
             # -----------------------
             # Editable title input
             # -----------------------
+            # -----------------------
+            # Editable title input
+            # -----------------------
             edit_title_box = gr.Textbox(label="✏️ Rename Chat", placeholder="Edit selected chat title...")
-            rename_btn = gr.Button("💾 Save Title")
+            save_title_btn = gr.Button("💾", elem_id="save-title-btn", tooltip="Save Title")
+
             
             def rename_session_cb(new_title, selected_label):
                 sid = label_to_id(selected_label)
@@ -381,12 +401,14 @@ with gr.Blocks(title="Backend-Focused LLaMA/Mistral CRUD Assistant", theme=gr.th
                 return gr.update(choices=labels, value=new_selected)
             
             # Connect button to callback
-            rename_btn.click(rename_session_cb, inputs=[edit_title_box, session_list], outputs=session_list)
+            save_title_btn.click(rename_session_cb, inputs=[edit_title_box, session_list], outputs=session_list)
+
+
+            with gr.Row(elem_id="session-action-row"):
+                new_btn = gr.Button("➕", elem_id="new-chat-btn", tooltip="New Chat")
+                del_btn = gr.Button("🗑️", elem_id="delete-chat-btn", tooltip="Delete Chat")
+                refresh_btn = gr.Button("🔄", elem_id="refresh-btn", tooltip="Refresh List")
 
-            with gr.Row():
-                new_btn = gr.Button("➕ New Chat", variant="primary")
-                del_btn = gr.Button("🗑️ Delete", variant="stop")
-                refresh_btn = gr.Button("🔄 Refresh", variant="secondary")
 
             gr.Markdown("### 🤖 Model Selection")
             model_choice = gr.Dropdown(