From 387ba775587b598c11b09088f10f855e514bef55 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Mon, 16 Aug 2021 01:29:35 +0300
Subject: [PATCH] Update SwapCard.vue

---
 components/swap/SwapCard.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/swap/SwapCard.vue b/components/swap/SwapCard.vue
index 6514fb1..3a129f2 100644
--- a/components/swap/SwapCard.vue
+++ b/components/swap/SwapCard.vue
@@ -250,12 +250,12 @@
       <div class="w-1/2">
         <div
           v-if="customSlippage"
-          class="text-sm font-medium flex items-center justify-around bg-primary-gray/[.15] text-primary-gray w-full px-4 py-2 rounded-[6px] border border-grey-dark border-opacity-[0.15]"
+          class="text-sm font-medium flex text-center items-center bg-primary-gray/[.15] text-primary-gray w-full p-1 rounded-[6px] border border-grey-dark border-opacity-[0.15]"
         >
-          <span>0.1%</span>
-          <span>0.5%</span>
-          <span>1%</span>
-          <span>3%</span>
+          <span class="w-1/4 py-1.5">0.1%</span>
+          <span class="w-1/4 py-1.5">0.5%</span>
+          <span class="w-1/4 py-1.5">1%</span>
+          <span class="w-1/4 py-1.5">3%</span>
         </div>
 
         <div
@@ -263,7 +263,7 @@
           class="text-sm font-medium flex items-center border-primary-blue-dark text-primary-gray w-full p-1 rounded-[6px] border "
         >
           <button
-            class="w-1/4 py-2"
+            class="w-1/4 py-1.5"
             @click="slippage = '0.1'"
             :class="{
               'rounded bg-primary-blue-dark text-white': slippage === '0.1'
@@ -273,7 +273,7 @@
           </button>
 
           <button
-            class="w-1/4 py-2"
+            class="w-1/4 py-1.5"
             @click="slippage = '0.5'"
             :class="{
               'rounded bg-primary-blue-dark text-white': slippage === '0.5'
@@ -283,7 +283,7 @@
           </button>
 
           <button
-            class="w-1/4 py-2"
+            class="w-1/4 py-1.5"
             @click="slippage = '1'"
             :class="{
               'rounded bg-primary-blue-dark text-white': slippage === '1'
@@ -293,7 +293,7 @@
           </button>
 
           <button
-            class="w-1/4 py-2"
+            class="w-1/4 py-1.5"
             @click="slippage = '3'"
             :class="{
               'rounded bg-primary-blue-dark text-white': slippage === '3'