memo in transaction lis

frontend/src/components/GddSend/TransactionForm.vue

@@ -1,7 +1,7 @@
 <template>
   <b-row class="transaction-form">
-    <b-col xl="12" md="12" class="p-0">
-      <b-card class="p-0 m-0 appBoxShadow gradido-border-radius">
+    <b-col xl="12" md="12">
+      <b-card class="appBoxShadow gradido-border-radius">
         <validation-observer v-slot="{ handleSubmit }" ref="formValidator">
           <b-form role="form" @submit.prevent="handleSubmit(onSubmit)" @reset="onReset">
             <b-form-radio-group v-model="radioSelected" class="container">

frontend/src/components/Transactions/TransactionCreation.vue

@@ -8,7 +8,6 @@
         <div class="font-weight-bold">{{ linkedUser.firstName }} {{ linkedUser.lastName }}</div>
         <span class="small">{{ this.$d(new Date(balanceDate), 'short') }}</span>
         <span class="ml-4 small">{{ this.$d(new Date(balanceDate), 'time') }}</span>
-        <div class="word-break">{{ memo }}</div>
       </b-col>
       <b-col cols="3">
         <div class="small">{{ $t('decay.types.receive') }}</div>
@@ -17,6 +16,10 @@
       <b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
     </b-row>
     <b-collapse class="pb-4 pt-5" v-model="visible">
+      <div class="word-break mb-4 text-center">
+        <div class="font-weight-bold pb-2">{{ $t('form.memo') }}</div>
+        {{ memo }}
+      </div>
       <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
     </b-collapse>
   </div>

frontend/src/components/Transactions/TransactionReceive.vue

@@ -22,7 +22,6 @@
         </div>
         <span class="small">{{ this.$d(new Date(balanceDate), 'short') }}</span>
         <span class="ml-4 small">{{ this.$d(new Date(balanceDate), 'time') }}</span>
-        <div class="word-break">{{ memo }}</div>
       </b-col>
       <b-col cols="3">
         <div class="small">
@@ -42,6 +41,10 @@
       <b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
     </b-row>
     <b-collapse class="pb-4 pt-5" v-model="visible">
+      <div class="word-break mb-4 text-center">
+        <div class="font-weight-bold pb-2">{{ $t('form.memo') }}</div>
+        {{ memo }}
+      </div>
       <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
     </b-collapse>
   </div>

frontend/src/components/Transactions/TransactionSend.vue

@@ -21,7 +21,6 @@
         </div>
         <span class="small">{{ this.$d(new Date(balanceDate), 'short') }}</span>
         <span class="ml-4 small">{{ this.$d(new Date(balanceDate), 'time') }}</span>
-        <div class="word-break">{{ memo }}</div>
       </b-col>
       <b-col cols="3">
         <div class="small">
@@ -41,6 +40,10 @@
       <b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
     </b-row>
     <b-collapse class="pb-4 pt-5" v-model="visible">
+      <div class="word-break mb-4 text-center">
+        <div class="font-weight-bold pb-2">{{ $t('form.memo') }}</div>
+        {{ memo }}
+      </div>
       <decay-information :typeId="typeId" :decay="decay" :amount="amount" :memo="memo" />
     </b-collapse>
   </div>

frontend/src/pages/Send.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <gdd-send :currentTransactionStep="currentTransactionStep" class="p-3 mt--3">
+    <gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3 mt--3">
       <template #transactionForm>
         <transaction-form
           v-bind="transactionData"