From 80f4d2d9a182aefb42bd431393b2a920af5bd511 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Sun, 1 Aug 2021 13:46:02 +0300
Subject: [PATCH] payback design

---
 .../context/aaveV2/SidebarAaveV2Payback.vue   | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/components/sidebar/context/aaveV2/SidebarAaveV2Payback.vue b/components/sidebar/context/aaveV2/SidebarAaveV2Payback.vue
index e15f554..3b907bd 100644
--- a/components/sidebar/context/aaveV2/SidebarAaveV2Payback.vue
+++ b/components/sidebar/context/aaveV2/SidebarAaveV2Payback.vue
@@ -10,18 +10,24 @@
       :stable-borrow-enabled="stableBorrowEnabled"
     />
 
-    <SidebarSectionValueWithIcon class="mt-6" label="Borrowed" center>
-      <template #icon
-        ><IconCurrency :currency="rootTokenKey" class="w-20 h-20" noHeight
-      /></template>
-      <template #value>{{ formatNumber(balance) }} {{ symbol }}</template>
-    </SidebarSectionValueWithIcon>
+    <div class="mt-6 flex justify-around items-center  w-full">
+      <SidebarSectionValueWithIcon class="" label="Borrowed" center>
+        <template #icon
+          ><IconCurrency :currency="rootTokenKey" class="w-20 h-20" noHeight
+        /></template>
+        <template #value>{{ formatNumber(balance) }} {{ symbol }}</template>
+      </SidebarSectionValueWithIcon>
 
-    <SidebarSectionValueWithIcon class="" label="Token Balance" center>
-      <template #value
-        >{{ formatNumber(tokenMaxBalance) }} {{ symbol }}</template
-      >
-    </SidebarSectionValueWithIcon>
+      <SidebarSectionValueWithIcon class="" label="Token Balance" center>
+        <template #icon
+          ><IconCurrency :currency="rootTokenKey" class="w-20 h-20" noHeight
+        /></template>
+
+        <template #value
+          >{{ formatNumber(tokenMaxBalance) }} {{ symbol }}</template
+        >
+      </SidebarSectionValueWithIcon>
+    </div>
 
     <div class="bg-[#C5CCE1] bg-opacity-[0.15] mt-10 p-8">
       <h3 class="text-primary-gray text-xs font-semibold mb-2.5">