fix(ui): prevent sessions header actions wrapping

Author: ymkiux

web-ui/partials/index/panel-sessions.html

@@ -24,7 +24,7 @@
                 <div class="selector-section">
                     <div class="selector-header">
                         <span class="selector-title">{{ t('sessions.sourceTitle') }}</span>
-                        <div class="selector-actions">
+                        <div class="selector-actions sessions-header-actions">
                             <button class="btn-tool btn-tool-compact" @click="loadSessions({ forceRefresh: true })" :disabled="sessionsLoading">
                                 {{ sessionsLoading ? t('sessions.refreshing') : t('sessions.refresh') }}
                             </button>

web-ui/styles/controls-forms.css

@@ -105,6 +105,21 @@
     flex: 0 0 auto;
 }
 
+.sessions-header-actions {
+    display: inline-flex !important;
+    flex-direction: row !important;
+    flex-wrap: nowrap !important;
+    align-items: center;
+    gap: var(--spacing-xs);
+    white-space: nowrap;
+}
+
+.sessions-header-actions > .btn-tool,
+.sessions-header-actions > .btn-tool-compact {
+    white-space: nowrap;
+    flex: 0 0 auto;
+}
+
 .health-report {
     margin-top: 10px;
     padding: 10px 0 0;