From 0935eacd3f42ace984a85dac74d0dd5da6e83791 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Mon, 16 Feb 2026 22:28:47 +0700
Subject: [PATCH] refactor(ServerManager): enhance actions layout and button
 styling for improved user experience and interaction

---
 frontend/src/ServerManager.jsx | 47 +++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/frontend/src/ServerManager.jsx b/frontend/src/ServerManager.jsx
index fc2c865..21a8630 100644
--- a/frontend/src/ServerManager.jsx
+++ b/frontend/src/ServerManager.jsx
@@ -602,7 +602,7 @@ function ServerManager() {
           </span>
         }
         actions={
-          <>
+          <div className="d-flex flex-wrap align-items-center gap-2">
             <PageHeaderActions
               loading={loading}
               onRefresh={handleRefreshAll}
@@ -612,34 +612,33 @@ function ServerManager() {
               onSave={handleSaveChanges}
               disableSave={loading}
             />
-            <div className="mt-2 d-flex flex-wrap gap-2 justify-content-end">
-              <div className="btn-group" role="group" aria-label="Переключение режимов">
-                <button
-                  className={`btn ${activeTab === 'servers' ? 'btn-primary' : 'btn-outline-primary'}`}
-                  onClick={() => setActiveTab('servers')}
-                  type="button"
-                >
-                  <IconServer size={16} className="me-1" />
-                  Серверы
-                </button>
-                <button
-                  className={`btn ${activeTab === 'connections' ? 'btn-primary' : 'btn-outline-primary'}`}
-                  onClick={() => setActiveTab('connections')}
-                  type="button"
-                >
-                  <IconGitBranch size={16} className="me-1" />
-                  Связи
-                </button>
-              </div>
+            <span className="vr d-none d-md-inline align-self-center" style={{ minHeight: '1.5rem' }} />
+            <div className="btn-group" role="group" aria-label="Переключение режимов">
               <button
+                className={`btn ${activeTab === 'servers' ? 'btn-primary' : 'btn-outline-primary'}`}
+                onClick={() => setActiveTab('servers')}
                 type="button"
-                className="btn btn-primary"
-                onClick={handleOpenAddServerModal}
               >
-                <IconPlus size={16} className="me-1" /> Добавить
+                <IconServer size={16} className="me-1" />
+                Серверы
+              </button>
+              <button
+                className={`btn ${activeTab === 'connections' ? 'btn-primary' : 'btn-outline-primary'}`}
+                onClick={() => setActiveTab('connections')}
+                type="button"
+              >
+                <IconGitBranch size={16} className="me-1" />
+                Связи
               </button>
             </div>
-          </>
+            <button
+              type="button"
+              className="btn btn-primary"
+              onClick={handleOpenAddServerModal}
+            >
+              <IconPlus size={16} className="me-1" /> Добавить
+            </button>
+          </div>
         }
       />