Merge pull request #886 from gradido/826-Different-Design-of-GDD-and-GDT-Lists

826 different design of gdd and gdt lists

frontend/src/components/DecayInformation.vue

@@ -39,7 +39,6 @@
               </div>
             </b-col>
           </b-row>
-
           <b-row>
             <b-col col="6" class="text-right">
               <div v-if="!decay.decayStartBlock">{{ $t('decay.past_time') }}</div>

frontend/src/components/Transaction.vue

@@ -19,54 +19,54 @@
 
         <!-- type  -->
         <b-row>
-          <div class="col-6 text-right">
+          <b-col col="6" class="text-right">
             {{ getLinesByType(gdtEntryType).description }}
-          </div>
-          <div class="col-6">
+          </b-col>
+          <b-col col="6">
             {{ getLinesByType(gdtEntryType).descriptiontext }}
-          </div>
+          </b-col>
         </b-row>
 
         <!-- credit -->
         <b-row>
-          <div class="col-6 text-right">
+          <b-col col="6" class="text-right">
             {{ $t('gdt.credit') }}
-          </div>
-          <div class="col-6">
+          </b-col>
+          <b-col col="6">
             {{ getLinesByType(gdtEntryType).credittext }}
-          </div>
+          </b-col>
         </b-row>
 
         <!-- Message-->
         <b-row v-if="comment && gdtEntryType !== 7">
-          <div class="col-6 text-right">
+          <b-col col="6" class="text-right">
             {{ $t('form.memo') }}
-          </div>
-          <div class="col-6">
+          </b-col>
+          <b-col col="6">
             {{ comment }}
-          </div>
+          </b-col>
         </b-row>
 
         <!-- date-->
         <b-row class="gdt-list-row text-header">
-          <div class="col-6 text-right">
+          <b-col col="6" class="text-right">
             {{ $t('form.date') }}
-          </div>
-          <div class="col-6">
+          </b-col>
+          <b-col col="6">
             {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
-          </div>
+          </b-col>
         </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>