fix: adjust record button position and prevent backend termination from UI

app.py

@@ -51,11 +51,9 @@ def update_theme():
 
 @app.route('/kill', methods=['POST'])
 def kill_server():
-    """Kill the backend server gracefully."""
-    print("Received kill request from client. Shutting down...")
-    # Send SIGINT to own process to trigger graceful Werkzeug shutdown
-    os.kill(os.getpid(), signal.SIGINT)
-    return jsonify({'status': 'success', 'message': 'Server terminating'})
+    """Disconnect client and kill UI without shutting down the backend server."""
+    print("Received kill request from client. Disconnecting client session...")
+    return jsonify({'status': 'success', 'message': 'Client session terminated. Server remains running.'})
 
 
 def sigint_handler(sig, frame):

static/main.js

@@ -695,6 +695,8 @@ controlsContainer.appendChild(killBtn);
 // RECORDING LOGIC
 // ─────────────────────────────────────────────────────────────
 const recordBtn = document.getElementById('recordBtn');
+controlsContainer.insertBefore(recordBtn, controlsContainer.firstChild);
+
 const statusPill = document.getElementById('recordingStatusPill');
 const statusText = document.getElementById('recordingStatusText');
 let mediaRecorder = null;

static/style.css

@@ -400,24 +400,20 @@ html, body {
 }
 
 .record-btn {
-    position: absolute;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%);
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 30px;
-    padding: 10px 20px;
+    padding: 10px 18px;
     display: flex;
     align-items: center;
-    gap: 10px;
-    z-index: 100;
+    gap: 6px;
     cursor: pointer;
     transition: all 0.3s ease;
     color: #fff;
     font-family: inherit;
+    font-size: 13px;
     font-weight: 600;
 }
 
@@ -455,9 +451,8 @@ html, body {
         font-size: 12px;
     }
     .record-btn {
-        bottom: 12px;
-        padding: 8px 16px;
-        font-size: 12px;
+        padding: 8px 12px;
+        font-size: 11px;
     }
     .record-icon {
         width: 14px;