From 8a107fdf65e10c5304760ce57a42e6bb61e5fd85 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 4 Feb 2022 19:09:59 +0100
Subject: [PATCH 1/5] better style to better identify active tab

---
 .../src/views/Pages/UserProfileTransactionList.vue  | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index f9240008d..12ae201d2 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="pb-4">
     <b-tabs content-class="mt-3 pt-4 pb-4" justified>
-      <b-tab :title="'Gradido  (' + $n(balance, 'decimal') + ' GDD)'" class="px-4">
+      <b-tab :title="'Gradido  (' + $n(balance, 'decimal') + ' GDD)'" class="px-4 ">
         <p class="tab-tex">{{ $t('transaction.gdd-text') }}</p>
 
         <gdd-transaction-list
@@ -53,17 +53,14 @@ export default {
 </script>
 <style>
 .nav-tabs > li > a {
-  /* adjust padding for height*/
   padding-top: 14px;
   padding-bottom: 14px;
 }
 
-.nav-tabs > li.active {
-  background-color: aquamarine;
-  font-size: larger;
+.nav-tabs .nav-link {
+  background-color: rgba(204, 204, 204, 0.185);
 }
-
-.nav-tabs > li > a {
-  outline: none !important;
+.nav-tabs .nav-link.active {
+  background-color: rgb(248 249 254);
 }
 </style>

From 67d61383ea7729108df402f55cfbe749021ee33a Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 4 Feb 2022 19:10:34 +0100
Subject: [PATCH 2/5] yarn lint --fix

---
 frontend/src/views/Pages/UserProfileTransactionList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index 12ae201d2..eebc31927 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="pb-4">
     <b-tabs content-class="mt-3 pt-4 pb-4" justified>
-      <b-tab :title="'Gradido  (' + $n(balance, 'decimal') + ' GDD)'" class="px-4 ">
+      <b-tab :title="'Gradido  (' + $n(balance, 'decimal') + ' GDD)'" class="px-4">
         <p class="tab-tex">{{ $t('transaction.gdd-text') }}</p>
 
         <gdd-transaction-list

From 1dfbaa3a788e861d10378c48e09dc82ad5b2132d Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 4 Feb 2022 19:23:28 +0100
Subject: [PATCH 3/5] add border left and right on tab-content

---
 .../src/views/Pages/UserProfileTransactionList.vue     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index eebc31927..4cd54e684 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pb-4">
-    <b-tabs content-class="mt-3 pt-4 pb-4" justified>
+    <b-tabs content-class="" justified>
       <b-tab :title="'Gradido  (' + $n(balance, 'decimal') + ' GDD)'" class="px-4">
         <p class="tab-tex">{{ $t('transaction.gdd-text') }}</p>
 
@@ -54,7 +54,7 @@ export default {
 <style>
 .nav-tabs > li > a {
   padding-top: 14px;
-  padding-bottom: 14px;
+  margin-bottom: 14px;
 }
 
 .nav-tabs .nav-link {
@@ -63,4 +63,10 @@ export default {
 .nav-tabs .nav-link.active {
   background-color: rgb(248 249 254);
 }
+
+.tab-content {
+  padding-top: 25px;
+  border-left: 1px inset rgba(28,110,164,0.1);
+  border-right: 1px inset rgba(28,110,164,0.1);
+}
 </style>

From cf486b1b4b018115f2a35ed50bd6cfb279ef3360 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 4 Feb 2022 19:25:57 +0100
Subject: [PATCH 4/5] yarn lint --fix

---
 frontend/src/views/Pages/UserProfileTransactionList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index 4cd54e684..97f0d84c1 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -66,7 +66,7 @@ export default {
 
 .tab-content {
   padding-top: 25px;
-  border-left: 1px inset rgba(28,110,164,0.1);
-  border-right: 1px inset rgba(28,110,164,0.1);
+  border-left: 1px inset rgba(28, 110, 164, 0.1);
+  border-right: 1px inset rgba(28, 110, 164, 0.1);
 }
 </style>

From c9ff6268903531f9e0264adf34fdd50550947dec Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 7 Feb 2022 16:59:31 +0100
Subject: [PATCH 5/5] style margin-left and margin-right remove from dashboard
 template ad add on subsites

---
 frontend/src/views/Layout/DashboardLayout_gdd.vue | 2 +-
 frontend/src/views/Pages/SendOverview.vue         | 2 +-
 frontend/src/views/Pages/UserProfileOverview.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Layout/DashboardLayout_gdd.vue b/frontend/src/views/Layout/DashboardLayout_gdd.vue
index 932f3efdd..5e566d3f8 100755
--- a/frontend/src/views/Layout/DashboardLayout_gdd.vue
+++ b/frontend/src/views/Layout/DashboardLayout_gdd.vue
@@ -15,7 +15,7 @@
         <sidebar class="main-sidebar" :elopageUri="elopageUri" @admin="admin" @logout="logout" />
       </div>
 
-      <div class="main-page ml-2 mr-2" style="width: 100%" @click="visible = false">
+      <div class="main-page" style="width: 100%" @click="visible = false">
         <div class="main-content">
           <fade-transition :duration="200" origin="center top" mode="out-in">
             <router-view
diff --git a/frontend/src/views/Pages/SendOverview.vue b/frontend/src/views/Pages/SendOverview.vue
index d150e63c7..18b62186c 100644
--- a/frontend/src/views/Pages/SendOverview.vue
+++ b/frontend/src/views/Pages/SendOverview.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <b-container>
-      <gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3">
+      <gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3 ml-2 mr-2">
         <template #transaction-form>
           <transaction-form :balance="balance" @set-transaction="setTransaction"></transaction-form>
         </template>
diff --git a/frontend/src/views/Pages/UserProfileOverview.vue b/frontend/src/views/Pages/UserProfileOverview.vue
index d637b7961..d01c94373 100644
--- a/frontend/src/views/Pages/UserProfileOverview.vue
+++ b/frontend/src/views/Pages/UserProfileOverview.vue
@@ -1,5 +1,5 @@
 <template>
-  <div fluid="sm">
+  <div fluid="sm" class="mr-2">
     <user-card :balance="balance" :transactionCount="transactionCount"></user-card>
     <form-user-data />
     <hr />