From 0109d5ea5f9b37f928cacde2cc5c0a66c6f15bec Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Thu, 22 Jan 2026 15:50:53 +0700
Subject: [PATCH] refactor(NetworkConfigManager): adjust layout dimensions for
 improved consistency; simplify DNS display by removing unnecessary badges and
 buttons

---
 frontend/src/NetworkConfigManager.jsx | 36 +++++----------------------
 1 file changed, 6 insertions(+), 30 deletions(-)

diff --git a/frontend/src/NetworkConfigManager.jsx b/frontend/src/NetworkConfigManager.jsx
index cf2e911..2770474 100644
--- a/frontend/src/NetworkConfigManager.jsx
+++ b/frontend/src/NetworkConfigManager.jsx
@@ -1018,7 +1018,8 @@ function NetworkConfigManager() {
             <div 
               className={`d-flex align-items-center justify-content-center px-3 bg-${indicatorColor}-lt`}
               style={{ 
-                minWidth: '80px',
+                minWidth: '100px',
+                width: '100px',
                 borderTopLeftRadius: '11px',
                 borderBottomLeftRadius: '11px'
               }}
@@ -1056,26 +1057,13 @@ function NetworkConfigManager() {
                 </div>
               )}
               
-              {/* Нижняя строка: DNS + badges */}
+              {/* Нижняя строка: DNS */}
               <div className="d-flex align-items-center gap-2 flex-wrap">
                 {server && (
                   <code className="text-muted" style={{ fontSize: '0.8rem', wordBreak: 'break-all', overflowWrap: 'break-word' }}>
                     {server.dns || server.ip || gateway.serverId}
                   </code>
                 )}
-                <span className={`badge bg-${gatewayType.color}-lt text-${gatewayType.color}`} style={{ flexShrink: 0 }}>
-                  {gatewayType.label}
-                </span>
-                {gateway.ip && (
-                  <button
-                    className="btn btn-ghost-secondary btn-icon btn-sm p-1"
-                    onClick={() => copyToClipboard(gateway.ip)}
-                    title="Копировать IP"
-                    style={{ width: '20px', height: '20px', flexShrink: 0 }}
-                  >
-                    <IconCopy size={12} />
-                  </button>
-                )}
               </div>
             </div>
             
@@ -1149,7 +1137,8 @@ function NetworkConfigManager() {
             <div 
               className={`d-flex align-items-center justify-content-center px-3 bg-${interfaceTypeColor}-lt`}
               style={{ 
-                minWidth: '80px',
+                minWidth: '100px',
+                width: '100px',
                 borderTopLeftRadius: '11px',
                 borderBottomLeftRadius: '11px'
               }}
@@ -1187,26 +1176,13 @@ function NetworkConfigManager() {
                 </div>
               )}
               
-              {/* Нижняя строка: DNS + badges */}
+              {/* Нижняя строка: DNS */}
               <div className="d-flex align-items-center gap-2 flex-wrap">
                 {displayServerName && (
                   <code className="text-muted" style={{ fontSize: '0.8rem', wordBreak: 'break-all', overflowWrap: 'break-word' }}>
                     {displayServerName}
                   </code>
                 )}
-                <span className={`badge bg-${interfaceTypeColor}-lt text-${interfaceTypeColor}`} style={{ flexShrink: 0 }}>
-                  {iface.type}
-                </span>
-                {displayIp && displayIp !== '—' && (
-                  <button
-                    className="btn btn-ghost-secondary btn-icon btn-sm p-1"
-                    onClick={() => copyToClipboard(displayIp)}
-                    title="Копировать IP"
-                    style={{ width: '20px', height: '20px', flexShrink: 0 }}
-                  >
-                    <IconCopy size={12} />
-                  </button>
-                )}
               </div>
             </div>