From 91406388e6863e54a85de900bf4f0a861e427230 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 29 Nov 2021 17:06:26 +0100
Subject: [PATCH] gray background, show GDD amount on TransactionConfirm and
 TransactionResult

---
 frontend/src/views/Pages/SendOverview.vue     | 13 +------------
 .../GddSend/TransactionConfirmation.vue       | 19 +++++++++++++++----
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/views/Pages/SendOverview.vue b/frontend/src/views/Pages/SendOverview.vue
index ee8537833..00e415c04 100644
--- a/frontend/src/views/Pages/SendOverview.vue
+++ b/frontend/src/views/Pages/SendOverview.vue
@@ -3,13 +3,7 @@
     <b-container fluid>
       <b-row>
         <b-col class="bg-gray text-white text-center p-3">
-          <status
-            class="gdd-status-gdd"
-            v-if="showContext"
-            :pending="pending"
-            :balance="balance"
-            status-text="GDD"
-          />
+          <status class="gdd-status-gdd" :pending="pending" :balance="balance" status-text="GDD" />
         </b-col>
       </b-row>
 
@@ -86,11 +80,6 @@ export default {
       default: true,
     },
   },
-  computed: {
-    showContext() {
-      return this.currentTransactionStep === 0
-    },
-  },
   methods: {
     setTransaction(data) {
       this.transactionData = { ...data }
diff --git a/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue b/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
index 0d902542b..bd6362922 100644
--- a/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
+++ b/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
@@ -2,17 +2,23 @@
   <div>
     <b-row>
       <b-col>
-        <div class="display-4 p-4">{{ $t('form.send_check') }}</div>
+        <div class="display-4 pb-4 gray-background">{{ $t('form.send_check') }}</div>
         <b-list-group>
-          <b-list-group-item class="d-flex justify-content-between align-items-center">
+          <b-list-group-item
+            class="d-flex justify-content-between align-items-center gray-background"
+          >
             {{ email }}
             <b-badge variant="primary" pill>{{ $t('form.recipient') }}</b-badge>
           </b-list-group-item>
-          <b-list-group-item class="d-flex justify-content-between align-items-center">
+          <b-list-group-item
+            class="d-flex justify-content-between align-items-center gray-background"
+          >
             {{ $n(amount, 'decimal') }} GDD
             <b-badge variant="primary" pill>{{ $t('form.amount') }}</b-badge>
           </b-list-group-item>
-          <b-list-group-item class="d-flex justify-content-between align-items-center">
+          <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>
@@ -42,3 +48,8 @@ export default {
   },
 }
 </script>
+<style>
+.gray-background {
+  background-color: #ebebeba3 !important;
+}
+</style>