From 35d5555350d34602a2f7ccb4370d13a14f4ed4af Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 1 Apr 2022 14:03:29 +0200
Subject: [PATCH] change cols from 0, 12 / 6, 6 zu 1, 11 / 5, 7

---
 .../DecayInformation-Decay.vue                |  35 +++---
 .../DecayInformation-Long.vue                 | 117 +++++++++---------
 2 files changed, 81 insertions(+), 71 deletions(-)

diff --git a/frontend/src/components/DecayInformations/DecayInformation-Decay.vue b/frontend/src/components/DecayInformations/DecayInformation-Decay.vue
index 06e34c848..67847f6cf 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-Decay.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-Decay.vue
@@ -1,22 +1,27 @@
 <template>
   <div class="decayinformation-decay">
-    <div class="d-flex">
-      <div class="text-center pb-3 gradido-max-width">
-        <b-icon icon="droplet-half" class="mr-2" />
-        <b>{{ $t('decay.calculation_decay') }}</b>
-      </div>
-    </div>
-
     <b-row>
-      <b-col cols="6" class="text-right">
-        <div>{{ $t('decay.decay') }}</div>
-      </b-col>
-      <b-col cols="6">
-        <div>
-          {{ previousBookedBalance | GDD }}
-          {{ decay | GDD }} {{ $t('math.equal') }}
-          <b>{{ balance | GDD }}</b>
+      <b-col cols="1"></b-col>
+      <b-col cols="11">
+        <div class="d-flex">
+          <div class="text-center pb-3 gradido-max-width">
+            <b-icon icon="droplet-half" class="mr-2" />
+            <b>{{ $t('decay.calculation_decay') }}</b>
+          </div>
         </div>
+
+        <b-row>
+          <b-col cols="5" class="text-right">
+            <div>{{ $t('decay.decay') }}</div>
+          </b-col>
+          <b-col cols="7">
+            <div>
+              {{ previousBookedBalance | GDD }}
+              {{ decay | GDD }} {{ $t('math.equal') }}
+              <b>{{ balance | GDD }}</b>
+            </div>
+          </b-col>
+        </b-row>
       </b-col>
     </b-row>
   </div>
diff --git a/frontend/src/components/DecayInformations/DecayInformation-Long.vue b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
index 99ca56e13..9059ab62e 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-Long.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
@@ -1,64 +1,69 @@
 <template>
   <div class="decayinformation-long">
-    <div class="d-flex">
-      <div class="text-center pb-3 gradido-max-width">
-        <b-icon icon="droplet-half" class="mr-2" />
-        <b>{{ $t('decay.calculation_decay') }}</b>
-      </div>
-    </div>
-
     <b-row>
-      <b-col cols="6" class="text-right">
-        <div>{{ $t('decay.last_transaction') }}</div>
-      </b-col>
-      <b-col cols="6">
-        <div>
-          <span>
-            {{ $d(new Date(decay.start), 'long') }}
-          </span>
+      <b-col cols="1"></b-col>
+      <b-col cols="11">
+        <div class="d-flex">
+          <div class="text-center pb-3 gradido-max-width">
+            <b-icon icon="droplet-half" class="mr-2" />
+            <b>{{ $t('decay.calculation_decay') }}</b>
+          </div>
         </div>
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col cols="6" class="text-right">
-        <div>{{ $t('decay.past_time') }}</div>
-      </b-col>
-      <b-col cols="6">
-        <span v-if="duration">{{ durationText }}</span>
-      </b-col>
-    </b-row>
 
-    <!-- Decay-->
-    <b-row>
-      <b-col cols="6" class="text-right">
-        <div>{{ $t('decay.decay') }}</div>
-      </b-col>
-      <b-col cols="6">{{ decay.decay | GDD }}</b-col>
-    </b-row>
-    <hr class="mt-2 mb-2" />
-    <b-row>
-      <b-col class="text-center pt-3 pb-2">
-        <b>{{ $t('decay.calculation_total') }}</b>
-      </b-col>
-    </b-row>
-    <!-- Type-->
-    <b-row>
-      <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
-      <b-col cols="6" class="text-right">{{ $t(`decay.types.${typeId.toLowerCase()}`) }}</b-col>
-      <b-col cols="6">{{ amount | GDD }}</b-col>
-    </b-row>
-    <!-- Decay-->
-    <b-row>
-      <b-col cols="6" class="text-right">{{ $t('decay.decay') }}</b-col>
-      <b-col cols="6">{{ decay.decay | GDD }}</b-col>
-    </b-row>
-    <!-- Total-->
-    <b-row>
-      <b-col cols="6" class="text-right">
-        <div>{{ $t('decay.total') }}</div>
-      </b-col>
-      <b-col cols="6">
-        <b>{{ (Number(amount) + Number(decay.decay)) | GDD }}</b>
+        <b-row>
+          <b-col cols="5" class="text-right">
+            <div>{{ $t('decay.last_transaction') }}</div>
+          </b-col>
+          <b-col cols="7">
+            <div>
+              <span>
+                {{ $d(new Date(decay.start), 'long') }}
+              </span>
+            </div>
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col cols="5" class="text-right">
+            <div>{{ $t('decay.past_time') }}</div>
+          </b-col>
+          <b-col cols="7">
+            <span v-if="duration">{{ durationText }}</span>
+          </b-col>
+        </b-row>
+
+        <!-- Decay-->
+        <b-row>
+          <b-col cols="5" class="text-right">
+            <div>{{ $t('decay.decay') }}</div>
+          </b-col>
+          <b-col cols="7">{{ decay.decay | GDD }}</b-col>
+        </b-row>
+        <hr class="mt-2 mb-2" />
+        <b-row>
+          <b-col class="text-center pt-3 pb-2">
+            <b>{{ $t('decay.calculation_total') }}</b>
+          </b-col>
+        </b-row>
+        <!-- Type-->
+        <b-row>
+          <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
+          <b-col cols="5" class="text-right">{{ $t(`decay.types.${typeId.toLowerCase()}`) }}</b-col>
+          <b-col cols="7">{{ amount | GDD }}</b-col>
+        </b-row>
+        <!-- Decay-->
+        <b-row>
+          <b-col cols="5" class="text-right">{{ $t('decay.decay') }}</b-col>
+          <b-col cols="7">{{ decay.decay | GDD }}</b-col>
+        </b-row>
+        <!-- Total-->
+        <b-row>
+          <b-col cols="5" class="text-right">
+            <div>{{ $t('decay.total') }}</div>
+          </b-col>
+          <b-col cols="7">
+            <b>{{ (Number(amount) + Number(decay.decay)) | GDD }}</b>
+          </b-col>
+        </b-row>
       </b-col>
     </b-row>
   </div>