The style of the GDT list has been adapted to the style of the GDD list.

frontend/src/components/Transaction.vue

@@ -56,17 +56,17 @@
             {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
           </div>
         </b-row>
-      </div>
 
-      <!-- collaps trancaction info-->
-      <b-collapse :id="'a' + date + ''" class="pb-4">
-        <transaction-collapse
-          :amount="amount"
-          :gdtEntryType="gdtEntryType"
-          :factor="factor"
-          :gdt="gdt"
-        ></transaction-collapse>
-      </b-collapse>
+        <!-- collaps trancaction info-->
+        <b-collapse :id="'a' + date + ''" class="mt-2 pb-4">
+          <transaction-collapse
+            :amount="amount"
+            :gdtEntryType="gdtEntryType"
+            :factor="factor"
+            :gdt="gdt"
+          ></transaction-collapse>
+        </b-collapse>
+      </div>
     </div>
   </div>
 </template>

frontend/src/components/TransactionCollapse.vue

@@ -1,8 +1,11 @@
 <template>
-  <div class="gdt-transaction-collapse">
+  <div
+    class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4"
+    style="border: 0px; background-color: #f1f1f1"
+  >
     <b-row class="gdt-list-collapse-header-text text-center pb-3">
-      <div id="collapse-headline" class="col h4">
-        {{ getLinesByType(gdtEntryType).headline }}
+      <div id="collapse-headline" class="col">
+        <b>{{ getLinesByType(gdtEntryType).headline }}</b>
       </div>
     </b-row>
     <b-row class="gdt-list-collapse-box--all">

frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="gdt-transaction-list">
-    <div class="list-group">
+    <div class="list-group" style="background-color: #fff">
       <div v-if="transactionGdtCount === 0">
         {{ $t('gdt.no-transactions') }}
       </div>