From 7863de66874e00285ae6d6aa183063584e50ba45 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 29 Nov 2021 17:28:48 +0100
Subject: [PATCH] TransactionConfirmation Text style changed

---
 .../GddSend/TransactionConfirmation.vue       | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue b/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
index 78c9c3685..e1733d05e 100644
--- a/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
+++ b/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
@@ -2,7 +2,7 @@
   <div>
     <b-row>
       <b-col>
-        <div class="display-4 pb-4 gray-background">{{ $t('form.send_check') }}</div>
+        <div class="display-4 pb-4">{{ $t('form.send_check') }}</div>
         <b-list-group class="gray-background">
           <b-input-group id="input-group-1" class="border border-default" size="lg">
             <b-input-group-prepend class="d-none d-md-block">
@@ -29,16 +29,25 @@
               type="text"
               style="font-size: large"
               class="pl-3 gray-background"
+              :readonly="true"
             ></b-form-input>
           </b-input-group>
 
-           <br />
-          <b-list-group-item
-            class="d-flex justify-content-between align-items-center gray-background"
-          >
-            {{ memo ? memo : '-' }}
-            <b-badge variant="primary" pill>{{ $t('form.message') }}</b-badge>
-          </b-list-group-item>
+          <br />
+
+          <b-input-group id="input-group-3" class="border border-default">
+            <b-input-group-prepend class="d-none d-md-block">
+              <b-icon icon="chat-right-text" class="display-4 m-3 mt-4"></b-icon>
+            </b-input-group-prepend>
+            <b-form-textarea
+              id="input-3"
+              rows="3"
+              :value="memo ? memo : '-'"
+              class="pl-3 gray-background"
+              style="font-size: large"
+              :readonly="true"
+            ></b-form-textarea>
+          </b-input-group>
         </b-list-group>
       </b-col>
     </b-row>