From 768224ffb7017b4d8a325f17d59cb49b8f0e13a3 Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Sat, 12 Aug 2023 14:59:25 +0200
Subject: [PATCH] Fix spacing below secret display

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 src/app.vue | 74 +++++++++++++++++++++++++++--------------------------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/app.vue b/src/app.vue
index f481625..504ddab 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -235,42 +235,44 @@
               </b-button>
             </template>
             <template v-else>
-              <b-input-group>
-                <b-form-textarea
-                  max-rows="25"
-                  readonly
-                  rows="4"
-                  :value="secret"
-                />
-                <b-input-group-text class="d-flex align-items-start p-0">
-                  <b-button-group vertical>
-                    <b-button
-                      v-if="hasClipboard"
-                      :disabled="!secretUrl"
-                      :variant="copyToClipboardSuccess ? 'success' : 'primary'"
-                      title="Copy Secret to Clipboard"
-                      @click="copySecret"
-                    >
-                      <i class="fas fa-fw fa-clipboard" />
-                    </b-button>
-                    <b-button
-                      :href="`data:text/plain;charset=UTF-8,${secret}`"
-                      download
-                      title="Download Secret as Text File"
-                    >
-                      <i class="fas fa-fw fa-download" />
-                    </b-button>
-                    <b-button
-                      v-if="!customize.disableQRSupport && secretContentQRDataURL"
-                      id="secret-data-qrcode"
-                      variant="secondary"
-                      title="Display Content as QR-Code"
-                    >
-                      <i class="fas fa-fw fa-qrcode" />
-                    </b-button>
-                  </b-button-group>
-                </b-input-group-text>
-              </b-input-group>
+              <b-form-group>
+                <b-input-group>
+                  <b-form-textarea
+                    max-rows="25"
+                    readonly
+                    rows="4"
+                    :value="secret"
+                  />
+                  <b-input-group-text class="d-flex align-items-start p-0">
+                    <b-button-group vertical>
+                      <b-button
+                        v-if="hasClipboard"
+                        :disabled="!secretUrl"
+                        :variant="copyToClipboardSuccess ? 'success' : 'primary'"
+                        title="Copy Secret to Clipboard"
+                        @click="copySecret"
+                      >
+                        <i class="fas fa-fw fa-clipboard" />
+                      </b-button>
+                      <b-button
+                        :href="`data:text/plain;charset=UTF-8,${secret}`"
+                        download
+                        title="Download Secret as Text File"
+                      >
+                        <i class="fas fa-fw fa-download" />
+                      </b-button>
+                      <b-button
+                        v-if="!customize.disableQRSupport && secretContentQRDataURL"
+                        id="secret-data-qrcode"
+                        variant="secondary"
+                        title="Display Content as QR-Code"
+                      >
+                        <i class="fas fa-fw fa-qrcode" />
+                      </b-button>
+                    </b-button-group>
+                  </b-input-group-text>
+                </b-input-group>
+              </b-form-group>
               <p v-html="$t('text-hint-burned')" />
 
               <b-popover