From 66d658483563b307260bcb7036c55ca7e55881b2 Mon Sep 17 00:00:00 2001
From: Leonid Pershin <lpershin@syntellect.ru>
Date: Thu, 2 Jul 2026 20:13:59 +0300
Subject: [PATCH] Update ConfigCard layout for improved responsiveness

- Modified the layout of the ConfigCard component by changing the class from `flex gap-2` to `flex flex-wrap gap-2`, enhancing the responsiveness and visual organization of the button elements.
---
 frontend/src/features/configs/ConfigCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/features/configs/ConfigCard.tsx b/frontend/src/features/configs/ConfigCard.tsx
index 30a684b..9603d14 100644
--- a/frontend/src/features/configs/ConfigCard.tsx
+++ b/frontend/src/features/configs/ConfigCard.tsx
@@ -83,7 +83,7 @@ export function ConfigCard({ config }: { config: VpnConfigDto }) {
             </span>
             <span>{config.deviceLimit > 0 ? t('configs.deviceLimit', { count: config.deviceLimit }) : t('configs.deviceLimitUnlimited')}</span>
           </div>
-          <div className="flex gap-2">
+          <div className="flex flex-wrap gap-2">
             <Button size="sm" variant="outline" onClick={() => setDetailsOpen(true)}>
               <QrCode className="h-4 w-4" />
               {t('configs.showLink')}