Optimize UI styling and layouts for mobile devices and small screens

static/index.html

@@ -509,7 +509,7 @@
                     </div>
 
                     <!-- Action control -->
-                    <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem;">
+                    <div class="action-buttons-row">
                         <button type="button" id="back-to-workspace-btn" class="btn btn-secondary">
                             <i class="fa-solid fa-arrow-left"></i> Add Another Job
                         </button>
@@ -547,7 +547,7 @@
 
             <!-- Active Jobs & Queue Section -->
             <section class="queue-section glass-card" style="margin-top: 3rem;">
-                <div class="queue-header" style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.75rem; margin-bottom: 1rem;">
+                <div class="queue-header">
                     <h2><i class="fa-solid fa-list-check"></i> Active Jobs & Pipeline Queue</h2>
                     <button type="button" id="refresh-queue-btn" class="btn btn-secondary btn-small">
                         <i class="fa-solid fa-arrows-rotate"></i> Refresh Queue