From f06a433d77ba17df42dfb07c59e91aee5fadf31f Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Tue, 12 Aug 2025 13:08:06 +0700
Subject: [PATCH] feat: Standardize button sizes and icons across multiple
 manager components for improved UI consistency

---
 frontend/src/ASNsNewManager.jsx    |  8 ++++----
 frontend/src/AutoUrlManager.jsx    |  2 +-
 frontend/src/BillingManager.jsx    | 12 ++++++------
 frontend/src/DataManager.jsx       |  8 ++++----
 frontend/src/DomainsNewManager.jsx |  8 ++++----
 frontend/src/FilterManager.jsx     | 12 ++++++------
 frontend/src/IPRangesManager.jsx   |  8 ++++----
 frontend/src/ServerManager.jsx     | 12 ++++++------
 8 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/frontend/src/ASNsNewManager.jsx b/frontend/src/ASNsNewManager.jsx
index 1e45397..d239e29 100644
--- a/frontend/src/ASNsNewManager.jsx
+++ b/frontend/src/ASNsNewManager.jsx
@@ -605,13 +605,13 @@ function ASNsNewManager() {
                               communities={communities}
                               className={`form-control d-inline-block w-auto me-2${isValidCommunity(editingValue) ? '' : ' is-invalid'}`}
                             />
-                            <button className="btn btn-success btn-icon me-1" onClick={() => handleSaveEdit(item.asn)} disabled={!isValidCommunity(editingValue)}><IconCheck size={18} /></button>
-                            <button className="btn btn-secondary btn-icon" onClick={handleCancelEdit}><IconX size={18} /></button>
+                            <button className="btn btn-success btn-icon btn-sm me-1" onClick={() => handleSaveEdit(item.asn)} disabled={!isValidCommunity(editingValue)}><IconCheck size={16} /></button>
+                            <button className="btn btn-secondary btn-icon btn-sm" onClick={handleCancelEdit}><IconX size={16} /></button>
                           </>
                         ) : (
                           <>
-                            <button className="btn btn-outline-primary btn-icon me-1" onClick={() => handleEdit(item)}><IconEdit size={18} /></button>
-                            <button className="btn btn-outline-danger btn-icon" onClick={() => confirmDelete(item)}><IconTrash size={18} /></button>
+                            <button className="btn btn-outline-primary btn-icon btn-sm me-1" onClick={() => handleEdit(item)}><IconEdit size={16} /></button>
+                            <button className="btn btn-outline-danger btn-icon btn-sm" onClick={() => confirmDelete(item)}><IconTrash size={16} /></button>
                           </>
                         )}
                       </td>
diff --git a/frontend/src/AutoUrlManager.jsx b/frontend/src/AutoUrlManager.jsx
index 0cfbcf1..a3f496d 100644
--- a/frontend/src/AutoUrlManager.jsx
+++ b/frontend/src/AutoUrlManager.jsx
@@ -278,7 +278,7 @@ function AutoUrlManager() {
                       </td>
                       <td className="text-end">
                         <button
-                          className="btn btn-outline-danger btn-sm"
+                          className="btn btn-outline-danger btn-icon btn-sm"
                           onClick={() => removeUrl(index)}
                           disabled={saving || processing}
                         >
diff --git a/frontend/src/BillingManager.jsx b/frontend/src/BillingManager.jsx
index 11e02c4..ebcb585 100644
--- a/frontend/src/BillingManager.jsx
+++ b/frontend/src/BillingManager.jsx
@@ -835,14 +835,14 @@ function BillingManager() {
                     <td>
                       <div className="btn-list">
                         <button
-                          className="btn btn-outline-primary btn-icon"
+                          className="btn btn-outline-primary btn-icon btn-sm"
                           onClick={() => handleEditItem(item)}
                           title="Редактировать"
                         >
-                          <IconEdit size={18} />
+                          <IconEdit size={16} />
                         </button>
                         <button
-                          className="btn btn-outline-success btn-icon"
+                          className="btn btn-outline-success btn-icon btn-sm"
                           onClick={() => {
                             setPaymentDraft({
                               serverId: item.id,
@@ -855,14 +855,14 @@ function BillingManager() {
                           }}
                           title="Добавить платеж"
                         >
-                          <IconPlus size={18} />
+                          <IconPlus size={16} />
                         </button>
                         <button
-                          className="btn btn-outline-danger btn-icon"
+                          className="btn btn-outline-danger btn-icon btn-sm"
                           onClick={() => handleDeleteItem(item)}
                           title="Удалить"
                         >
-                          <IconTrash size={18} />
+                          <IconTrash size={16} />
                         </button>
                       </div>
                     </td>
diff --git a/frontend/src/DataManager.jsx b/frontend/src/DataManager.jsx
index 1dc7398..8ba163b 100644
--- a/frontend/src/DataManager.jsx
+++ b/frontend/src/DataManager.jsx
@@ -400,13 +400,13 @@ function DataManager({ entityName, entityKey, placeholder }) {
                               onKeyDown={e => handleEditKeyDown(e, item.domain)}
                               style={{maxWidth: 120}}
                             />
-                            <button className="btn btn-success btn-icon me-1" onClick={() => handleSaveEdit(item.domain)}><IconCheck size={18} /></button>
-                            <button className="btn btn-secondary btn-icon" onClick={handleCancelEdit}><IconX size={18} /></button>
+                            <button className="btn btn-success btn-icon btn-sm me-1" onClick={() => handleSaveEdit(item.domain)}><IconCheck size={16} /></button>
+                            <button className="btn btn-secondary btn-icon btn-sm" onClick={handleCancelEdit}><IconX size={16} /></button>
                           </>
                         ) : (
                           <>
-                            <button className="btn btn-outline-primary btn-icon me-1" onClick={() => handleEdit(item)}><IconEdit size={18} /></button>
-                            <button className="btn btn-outline-danger btn-icon" onClick={() => confirmDelete(item)}><IconTrash size={18} /></button>
+                            <button className="btn btn-outline-primary btn-icon btn-sm me-1" onClick={() => handleEdit(item)}><IconEdit size={16} /></button>
+                            <button className="btn btn-outline-danger btn-icon btn-sm" onClick={() => confirmDelete(item)}><IconTrash size={16} /></button>
                           </>
                         )}
                       </td>
diff --git a/frontend/src/DomainsNewManager.jsx b/frontend/src/DomainsNewManager.jsx
index 94e7d5a..f0acdf5 100644
--- a/frontend/src/DomainsNewManager.jsx
+++ b/frontend/src/DomainsNewManager.jsx
@@ -613,13 +613,13 @@ function DomainsNewManager() {
                               communities={communities}
                               className={`form-control d-inline-block w-auto me-2${isValidCommunity(editingValue) ? '' : ' is-invalid'}`}
                             />
-                            <button className="btn btn-success btn-icon me-1" onClick={() => handleSaveEdit(item.domain)} disabled={!isValidCommunity(editingValue)}><IconCheck size={18} /></button>
-                            <button className="btn btn-secondary btn-icon" onClick={handleCancelEdit}><IconX size={18} /></button>
+                            <button className="btn btn-success btn-icon btn-sm me-1" onClick={() => handleSaveEdit(item.domain)} disabled={!isValidCommunity(editingValue)}><IconCheck size={16} /></button>
+                            <button className="btn btn-secondary btn-icon btn-sm" onClick={handleCancelEdit}><IconX size={16} /></button>
                           </>
                         ) : (
                           <>
-                            <button className="btn btn-outline-primary btn-icon me-1" onClick={() => handleEdit(item)}><IconEdit size={18} /></button>
-                            <button className="btn btn-outline-danger btn-icon" onClick={() => confirmDelete(item)}><IconTrash size={18} /></button>
+                            <button className="btn btn-outline-primary btn-icon btn-sm me-1" onClick={() => handleEdit(item)}><IconEdit size={16} /></button>
+                            <button className="btn btn-outline-danger btn-icon btn-sm" onClick={() => confirmDelete(item)}><IconTrash size={16} /></button>
                           </>
                         )}
                       </td>
diff --git a/frontend/src/FilterManager.jsx b/frontend/src/FilterManager.jsx
index cff90f8..397a310 100644
--- a/frontend/src/FilterManager.jsx
+++ b/frontend/src/FilterManager.jsx
@@ -1312,22 +1312,22 @@ function FilterManager() {
                                   </>
                                 ) : (
                                   <>
-                                    <button 
-                                      className="btn btn-outline-primary btn-icon btn-sm"
+                                      <button 
+                                        className="btn btn-outline-primary btn-icon btn-sm"
                                       onClick={() => startInlineEdit(filter)}
                                       title="Редактировать фильтр"
                                     >
-                                      <IconEdit size={16} />
+                                        <IconEdit size={16} />
                                     </button>
-                                    <button 
-                                      className="btn btn-outline-danger btn-icon btn-sm"
+                                      <button 
+                                        className="btn btn-outline-danger btn-icon btn-sm"
                                       onClick={() => {
                                         setFilterToDelete(filter);
                                         setDeleteFilterModalOpen(true);
                                       }}
                                       title="Удалить фильтр"
                                     >
-                                      <IconTrash size={16} />
+                                        <IconTrash size={16} />
                                     </button>
                                   </>
                                 )}
diff --git a/frontend/src/IPRangesManager.jsx b/frontend/src/IPRangesManager.jsx
index 4b31025..6f0508d 100644
--- a/frontend/src/IPRangesManager.jsx
+++ b/frontend/src/IPRangesManager.jsx
@@ -621,13 +621,13 @@ function IPRangesManager() {
                               communities={communities}
                               className={`form-control d-inline-block w-auto me-2${isValidCommunity(editingValue) ? '' : ' is-invalid'}`}
                             />
-                            <button className="btn btn-success btn-icon me-1" onClick={() => handleSaveEdit(item.ipRange)} disabled={!isValidCommunity(editingValue)}><IconCheck size={18} /></button>
-                            <button className="btn btn-secondary btn-icon" onClick={handleCancelEdit}><IconX size={18} /></button>
+                            <button className="btn btn-success btn-icon btn-sm me-1" onClick={() => handleSaveEdit(item.ipRange)} disabled={!isValidCommunity(editingValue)}><IconCheck size={16} /></button>
+                            <button className="btn btn-secondary btn-icon btn-sm" onClick={handleCancelEdit}><IconX size={16} /></button>
                           </>
                         ) : (
                           <>
-                            <button className="btn btn-outline-primary btn-icon me-1" onClick={() => handleEdit(item)}><IconEdit size={18} /></button>
-                            <button className="btn btn-outline-danger btn-icon" onClick={() => confirmDelete(item)}><IconTrash size={18} /></button>
+                            <button className="btn btn-outline-primary btn-icon btn-sm me-1" onClick={() => handleEdit(item)}><IconEdit size={16} /></button>
+                            <button className="btn btn-outline-danger btn-icon btn-sm" onClick={() => confirmDelete(item)}><IconTrash size={16} /></button>
                           </>
                         )}
                       </td>
diff --git a/frontend/src/ServerManager.jsx b/frontend/src/ServerManager.jsx
index 11535e9..285006a 100644
--- a/frontend/src/ServerManager.jsx
+++ b/frontend/src/ServerManager.jsx
@@ -632,14 +632,14 @@ function ServerManager() {
                   </td>
                   <td className="text-end w-1" style={{ minWidth: 140 }}>
                     <div className="btn-list gap-1 mb-0">
-                      <button className="btn btn-icon btn-sm btn-outline-primary rounded" title="Ссылка" onClick={() => handleGenerateLink(server)} onContextMenu={(e) => { e.preventDefault(); quickCopyLink(server); }}>
-                        <IconLink size={18} />
+                      <button className="btn btn-outline-primary btn-icon btn-sm" title="Ссылка" onClick={() => handleGenerateLink(server)} onContextMenu={(e) => { e.preventDefault(); quickCopyLink(server); }}>
+                        <IconLink size={16} />
                       </button>
-                      <button className="btn btn-icon btn-sm btn-outline-secondary rounded" title="Редактировать" onClick={() => handleEdit(server)}>
-                        <IconEdit size={18} />
+                      <button className="btn btn-outline-secondary btn-icon btn-sm" title="Редактировать" onClick={() => handleEdit(server)}>
+                        <IconEdit size={16} />
                       </button>
-                      <button className="btn btn-icon btn-sm btn-outline-danger rounded" title="Удалить" onClick={() => confirmDelete(server)}>
-                        <IconTrash size={18} />
+                      <button className="btn btn-outline-danger btn-icon btn-sm" title="Удалить" onClick={() => confirmDelete(server)}>
+                        <IconTrash size={16} />
                       </button>
                     </div>
                   </td>