From e2b03c76892f80c92ced91e0b5c3e67e938469a9 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Tue, 10 Feb 2026 18:44:52 +0700
Subject: [PATCH] feat(GatewayAutocomplete): adjust layout for gateway cards
 and display additional gateway information to enhance user experience

---
 frontend/src/FilterManager.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/FilterManager.jsx b/frontend/src/FilterManager.jsx
index e634954..313744c 100644
--- a/frontend/src/FilterManager.jsx
+++ b/frontend/src/FilterManager.jsx
@@ -495,7 +495,7 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
             Ничего не найдено. Уточните запрос по IP, имени или описанию.
           </div>
         ) : (
-          <div className="row row-cols-1 row-cols-md-3 g-2">
+          <div className="row row-cols-1 row-cols-md-2 g-2">
             {filteredGateways.map((gw, idx) => {
               const isSelected = gw.name === value;
               const isHighlighted = highlightedIndex === idx;
@@ -532,6 +532,12 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
                                 {gw.serverDns}
                               </div>
                             )}
+                            {(gw.country || gw.provider) && (
+                              <div className={`small text-truncate ${isSelected ? 'text-white-75' : 'text-muted'}`}>
+                                {gw.country && <span className="me-1">{countryToFlag(gw.country)}</span>}
+                                {gw.provider}
+                              </div>
+                            )}
                           </div>
                           {gw.primary && (
                             <span className={`badge ${isSelected ? 'bg-white text-primary' : 'bg-green-lt text-green'}`}>