From 2d6c90ab31864c97d4df265747abb212db33956c Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Thu, 12 Feb 2026 17:33:05 +0700
Subject: [PATCH] fix(MikrotikTools): update gateway card display to show
 country and provider in subtitle, adjust layout for improved readability

---
 frontend/src/MikrotikTools.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/MikrotikTools.jsx b/frontend/src/MikrotikTools.jsx
index 8858104..5e4dfa6 100644
--- a/frontend/src/MikrotikTools.jsx
+++ b/frontend/src/MikrotikTools.jsx
@@ -307,9 +307,11 @@ function MikrotikTools() {
                             .map((g) => {
                               const isSelected = gatewayRef === g.ip || gatewayRef === g.id;
                               const flag = g.country ? countryToFlag(g.country) : '';
-                              const subtitle = [g.description, g.provider].filter(Boolean).join(' · ');
+                              // В подзаголовке показываем страну/провайдера, чтобы не дублировать description
+                              const subtitle = [g.country, g.provider].filter(Boolean).join(' · ');
                               return (
-                                <div className="col-12 col-sm-6" key={g.id || g.ip}>
+                                // Показываем карточки одной колонкой (по одной в ряд), чтобы текст был читаемым
+                                <div className="col-12" key={g.id || g.ip}>
                                   <div
                                     className={`card card-sm h-100 cursor-pointer ${
                                       isSelected ? 'border-primary card-hover' : 'card-hover'
@@ -330,7 +332,7 @@ function MikrotikTools() {
                                         {flag || (g.ip ? g.ip.split('.').slice(-1)[0] : '?')}
                                       </span>
                                       <div className="flex-grow-1 min-w-0">
-                                        <div className="fw-bold text-truncate" title={g.ip}>
+                                        <div className="fw-bold text-truncate" title={g.ip || g.description || ''}>
                                           {g.ip || '—'}
                                         </div>
                                         {g.description && (