refactor: Update input group styling and button placement in FilterManager for improved layout and user interaction

2025-07-14 12:27:11 +07:00
parent a4e0b5c936
commit ecca26d486
1 changed files with 13 additions and 11 deletions
@@ -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">