From a18358f3b92174a84ea69168230c03972a3330f6 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 30 Nov 2022 16:06:02 +0100
Subject: [PATCH] reslut style send per link

---
 frontend/src/components/ClipboardCopy.vue     | 28 ++++++++++++++-----
 .../GddSend/TransactionResultLink.vue         |  2 +-
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/ClipboardCopy.vue b/frontend/src/components/ClipboardCopy.vue
index d51128cca..8a0d4e803 100644
--- a/frontend/src/components/ClipboardCopy.vue
+++ b/frontend/src/components/ClipboardCopy.vue
@@ -1,20 +1,34 @@
 <template>
   <div class="clipboard-copy">
-    <div v-if="canCopyLink" size="lg" class="mb-3">
-      <div class="text-center h2">
-        {{ link }}
+    <div v-if="canCopyLink" size="lg" class="mb-5">
+      <div class="d-flex">
+        <div>
+          <label>Gradido Link</label>
+          <div class="pointer text-center bg-secondary gradido-border-radius p-4" @click="copyLink">
+            {{ link }}
+            <!-- <b-icon icon="clipboard-plus" class="ml-5"></b-icon> -->
+          </div>
+        </div>
+        <div class="ml-5">
+          <label>Kopieren</label>
+          <div>
+            <b-button @click="copyLinkWithText" class="p-4">
+              <b-icon icon="link45deg"></b-icon>
+            </b-button>
+          </div>
+        </div>
       </div>
 
-      <div class="text-center mt-5">
-        <b-button size="sm" text="Button" variant="gradido" @click="copyLink">
+      <!-- <div class="text-center mt-5">
+          <b-button size="sm" text="Button" variant="gradido" @click="copyLink">
           {{ $t('gdd_per_link.copy-link') }}
         </b-button>
-        <hr />
+        <hr />  
         <b-button size="sm" text="Button" variant="gradido" @click="copyLinkWithText">
           {{ $t('gdd_per_link.copy-link-with-text') }}
         </b-button>
         <hr />
-      </div>
+      </div> -->
     </div>
     <div v-else>
       <div class="alert-danger p-3">{{ $t('gdd_per_link.not-copied') }}</div>
diff --git a/frontend/src/components/GddSend/TransactionResultLink.vue b/frontend/src/components/GddSend/TransactionResultLink.vue
index 31b3cfb83..b06b1824f 100644
--- a/frontend/src/components/GddSend/TransactionResultLink.vue
+++ b/frontend/src/components/GddSend/TransactionResultLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white appBoxShadow gradido-border-radius p-4">
+  <div class="bg-white appBoxShadow gradido-border-radius p-5">
     <div class="h3 mb-4">{{ $t('gdd_per_link.created') }}</div>
 
     <clipboard-copy