From fec2e344f3c0b118538fd1812410ef74c2e5c388 Mon Sep 17 00:00:00 2001
From: Daniel Spaude <daniel@spaude.de>
Date: Fri, 18 Nov 2022 19:27:02 +0300
Subject: [PATCH] qr code: add margin on qr modal title

---
 packages/nc-gui/components/virtual-cell/QrCode.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/virtual-cell/QrCode.vue b/packages/nc-gui/components/virtual-cell/QrCode.vue
index 1ca064fb66..45509a6674 100644
--- a/packages/nc-gui/components/virtual-cell/QrCode.vue
+++ b/packages/nc-gui/components/virtual-cell/QrCode.vue
@@ -24,7 +24,10 @@ const handleModalOkClick = () => (modalVisible.value = false)
 </script>
 
 <template>
-  <a-modal v-model:visible="modalVisible" :title="qrValue" footer @ok="handleModalOkClick" :bodyStyle="{ padding: '0px' }">
+  <a-modal v-model:visible="modalVisible" footer @ok="handleModalOkClick" :bodyStyle="{ padding: '0px' }">
+    <template #title>
+      <div class="mr-4">{{ qrValue }}</div>
+    </template>
     <img v-if="qrValue" :src="qrCodeLarge" alt="QR Code" class="qr-code" />
   </a-modal>
   <img v-if="qrValue" :src="qrCode" alt="QR Code" class="qr-code" @click="showQrModal" />