Fix spacing below secret display

Signed-off-by: Knut Ahlers <[email protected]>
Luzifer · Aug 12, 2023 · 768224f · 768224f
1 parent 4822c49
commit 768224f
Showing 1 changed file with 38 additions and 36 deletions.
diff --git 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