From 15f316675891923895a01e362039ce4cf1d0728e Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Fri, 11 Jul 2025 12:06:01 +0700
Subject: [PATCH] refactor: Update button layout in ServerManager for improved
 UI consistency and accessibility

---
 frontend/src/ServerManager.jsx | 28 ++++++++++++----------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/frontend/src/ServerManager.jsx b/frontend/src/ServerManager.jsx
index 57b3b3c..38bf5c3 100644
--- a/frontend/src/ServerManager.jsx
+++ b/frontend/src/ServerManager.jsx
@@ -545,22 +545,18 @@ function ServerManager() {
                     <span className="badge bg-success-lt text-success">Онлайн</span>
                   </td>
                   <td className="text-end">
-                    <button 
-                      className="btn btn-outline-info btn-icon" 
-                      onClick={() => handleGenerateLink(server)}
-                      onContextMenu={(e) => {
-                        e.preventDefault();
-                        quickCopyLink(server);
-                      }}
-                      title="Левый клик - настройки, правый клик - быстрое копирование"
-                    >
-                      <IconLink size={18} />
-                    </button>
-                  </td>
-                  <td className="text-end">
-                    <button className="btn btn-outline-primary btn-icon me-1" onClick={() => handleEdit(server)}><IconEdit size={18} /></button>
-                    <button className="btn btn-outline-danger btn-icon" onClick={() => confirmDelete(server)}><IconTrash size={18} /></button>
-                  </td>
+                        <div className="btn-list gap-1 mb-0">
+                          <button className="btn btn-icon btn-sm btn-outline-primary" title="Ссылка" onClick={() => handleGenerateLink(server)} onContextMenu={(e) => { e.preventDefault(); quickCopyLink(server); }}>
+                            <IconLink size={18} />
+                          </button>
+                          <button className="btn btn-icon btn-sm btn-outline-secondary" title="Редактировать" onClick={() => handleEdit(server)}>
+                            <IconEdit size={18} />
+                          </button>
+                          <button className="btn btn-icon btn-sm btn-outline-danger" title="Удалить" onClick={() => confirmDelete(server)}>
+                            <IconTrash size={18} />
+                          </button>
+                        </div>
+                      </td>
                 </tr>
               ))}
             </tbody>