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] 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>