From ecca26d48669503ed4e2b9d9bbc62421d3997daf Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Mon, 14 Jul 2025 12:27:11 +0700
Subject: [PATCH] refactor: Update input group styling and button placement in
 FilterManager for improved layout and user interaction

---
 frontend/src/FilterManager.jsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/frontend/src/FilterManager.jsx b/frontend/src/FilterManager.jsx
index 6b3ad51..8bd2887 100644
--- a/frontend/src/FilterManager.jsx
+++ b/frontend/src/FilterManager.jsx
@@ -654,25 +654,27 @@ function FilterManager() {
                 Готовые конфигурации серверов
               </h3>
               <div className="card-actions">
-                <div className="input-group input-group-sm me-3" style={{ width: '300px' }}>
+                <div className="input-group" style={{ maxWidth: 400 }}>
                   <span className="input-group-text">
                     <IconSearch />
                   </span>
-                  <input 
-                    type="text" 
-                    className="form-control" 
+                  <input
+                    type="text"
+                    className="form-control"
                     placeholder="Поиск серверов..."
                     value={searchTerm}
                     onChange={(e) => setSearchTerm(e.target.value)}
                   />
+                  <button
+                    className="btn btn-primary"
+                    type="button"
+                    onClick={() => setServerConfigModalOpen(true)}
+                    style={{ display: 'flex', alignItems: 'center', gap: 6 }}
+                  >
+                    <IconPlus className="me-1" />
+                    Добавить сервер
+                  </button>
                 </div>
-                <button 
-                  className="btn btn-primary btn-sm"
-                  onClick={() => setServerConfigModalOpen(true)}
-                >
-                  <IconPlus className="me-2" />
-                  Добавить сервер
-                </button>
               </div>
             </div>
             <div className="card-body">