From 9ceb5383cfea3da192d213d111900a20a35ec07f Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Tue, 27 Jun 2023 09:14:20 +0200
Subject: [PATCH] Set cols from 12 to 6, px from 2 to 1 and remove offset.

---
 .../DecayInformation-Long.vue                 | 27 ++++++++++---------
 .../TransactionRows/DurationRow.vue           |  4 +--
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/DecayInformations/DecayInformation-Long.vue b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
index d7e943225..d4ff66af0 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-Long.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="decayinformation-long px-2">
+  <div class="decayinformation-long px-1">
     <div class="word-break mb-5 mt-lg-3">
       <div class="font-weight-bold pb-2">{{ $t('form.memo') }}</div>
       <div class="">{{ memo }}</div>
@@ -11,10 +11,10 @@
     <b-row>
       <b-col>
         <b-row>
-          <b-col cols="12" lg="4" md="4">
+          <b-col cols="6" lg="4" md="6" sm="6">
             <div>{{ $t('decay.last_transaction') }}</div>
           </b-col>
-          <b-col offset="1" offset-md="0" offset-lg="0" class="text-right mr-5">
+          <b-col offset="0" class="text-right mr-0">
             <div>
               <span>
                 {{ $d(new Date(decay.start), 'long') }}
@@ -26,20 +26,20 @@
 
         <!-- Previous Balance -->
         <b-row class="mt-2">
-          <b-col cols="12" lg="6" md="3">
+          <b-col cols="6" lg="4" md="6" sm="6">
             <div>{{ $t('decay.old_balance') }}</div>
           </b-col>
-          <b-col offset="1" offset-md="0" offset-lg="0" class="text-right mr-5">
+          <b-col offset="0" class="text-right mr-0">
             {{ previousBalance | GDD }}
           </b-col>
         </b-row>
 
         <!-- Decay-->
         <b-row class="mt-0">
-          <b-col cols="12" lg="3" md="3">
+          <b-col cols="6" lg="3" md="6" sm="6">
             <div>{{ $t('decay.decay') }}</div>
           </b-col>
-          <b-col offset="1" offset-md="0" offset-lg="0" class="text-right mr-5">
+          <b-col offset="0" class="text-right mr-0">
             {{ decay.decay | GDD }}
           </b-col>
         </b-row>
@@ -49,18 +49,21 @@
     <b-row>
       <b-col>
         <b-row class="mb-2">
-          <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
-          <b-col cols="12" lg="3" md="3">{{ $t(`decay.types.${typeId.toLowerCase()}`) }}</b-col>
-          <b-col offset="1" offset-md="0" offset-lg="0" class="text-right mr-5">
+          <!-- eslint-disable @intlify/vue-i18n/no-dynamic-keys-->
+          <b-col cols="6" lg="3" md="6" sm="6">
+            {{ $t(`decay.types.${typeId.toLowerCase()}`) }}
+          </b-col>
+          <!-- eslint-enable @intlify/vue-i18n/no-dynamic-keys-->
+          <b-col offset="0" class="text-right mr-0">
             {{ amount | GDD }}
           </b-col>
         </b-row>
         <!-- Total-->
         <b-row class="border-top pt-2">
-          <b-col cols="12" lg="3" md="3">
+          <b-col cols="6" lg="3" md="6" sm="6">
             <div>{{ $t('decay.new_balance') }}</div>
           </b-col>
-          <b-col offset="1" offset-md="0" offset-lg="0" class="text-right mr-5">
+          <b-col offset="0" class="text-right mr-0">
             <b>{{ balance | GDD }}</b>
           </b-col>
         </b-row>
diff --git a/frontend/src/components/TransactionRows/DurationRow.vue b/frontend/src/components/TransactionRows/DurationRow.vue
index f9b7873d6..65f168c74 100644
--- a/frontend/src/components/TransactionRows/DurationRow.vue
+++ b/frontend/src/components/TransactionRows/DurationRow.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="duration-row">
     <b-row>
-      <b-col cols="12" lg="4" md="4">
+      <b-col cols="6" lg="4" md="6" sm="6">
         <div>{{ $t('decay.past_time') }}</div>
       </b-col>
-      <b-col offset="1" offset-md="0" offset-lg="0" class="text-right mr-5">
+      <b-col offset="0" class="text-right mr-0">
         <span v-if="duration">{{ duration }}</span>
       </b-col>
     </b-row>