fix(MikrotikTools): update gateway card display to show country and provider in subtitle, adjust layout for improved readability

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 && (