From c76ef03904768eb2e360a9f8000f1b0241ef56fc Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Thu, 19 Dec 2024 11:10:05 +0200
Subject: [PATCH] fix shrink qr-code buttons

---
 apps/frontend/src/components/link/LinkCopyButton.vue          | 2 +-
 apps/frontend/src/components/link/LinkShareTelegramButton.vue | 2 +-
 apps/frontend/src/views/manage/ManageQRCodeReadyView.vue      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/link/LinkCopyButton.vue b/apps/frontend/src/components/link/LinkCopyButton.vue
index 0fe4cd3..e2613e3 100644
--- a/apps/frontend/src/components/link/LinkCopyButton.vue
+++ b/apps/frontend/src/components/link/LinkCopyButton.vue
@@ -2,7 +2,7 @@
   <Button
     :icon="isCopied ? 'pi pi-check' : 'pi pi-copy'"
     :label="isCopied ? 'Ссылка скопирована!' : 'Копировать ссылку'"
-    class="text-nowrap"
+    class="text-nowrap flex-shrink-0"
     severity="secondary"
     size="small"
     @click="copyLink()"
diff --git a/apps/frontend/src/components/link/LinkShareTelegramButton.vue b/apps/frontend/src/components/link/LinkShareTelegramButton.vue
index 52e11cb..d0869c6 100644
--- a/apps/frontend/src/components/link/LinkShareTelegramButton.vue
+++ b/apps/frontend/src/components/link/LinkShareTelegramButton.vue
@@ -5,7 +5,7 @@
     size="small"
     severity="secondary"
     as="a"
-    class="text-nowrap"
+    class="text-nowrap flex-shrink-0"
     outlined
     rel="noopener noreferrer nofollow"
     icon="pi pi-telegram"
diff --git a/apps/frontend/src/views/manage/ManageQRCodeReadyView.vue b/apps/frontend/src/views/manage/ManageQRCodeReadyView.vue
index 105bc83..e928f37 100644
--- a/apps/frontend/src/views/manage/ManageQRCodeReadyView.vue
+++ b/apps/frontend/src/views/manage/ManageQRCodeReadyView.vue
@@ -72,7 +72,7 @@
               Ссылка в QR-коде:
               <LinkQRCode :url="qrCodeDoc.url" />
             </div>
-            <div class="flex gap-2 justify-center mt-2">
+            <div class="flex gap-2 justify-center mt-2 flex-wrap">
               <LinkCopyButton :url="qrCodeDoc.url" />
               <LinkShareTelegramButton
                 :shareUrl="qrCodeDoc.url"