fix(style): centered buttons and removed useless margins

gradoally · Sep 18, 2024 · 8b39dd5 · 8b39dd5
1 parent 8dd187e
commit 8b39dd5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/views/Home.vue b/src/components/views/Home.vue
@@ -113,7 +113,7 @@ onMounted(async () => {
             <div class="flex justify-center">
               <div class="relative flex items-center max-w-[8rem]">
 
-                <a @click="decrementAmount()" class="bg-blue-800 0 border-blue-900 rounded-s-lg p-3 h-11 mr-1">
+                <a @click="decrementAmount()" class="bg-blue-800 0 border-blue-900 rounded-s-lg p-3 h-11 mr-0 flex flex-col justify-center">
                   <svg class="w-3 h-3 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                     fill="none" viewBox="0 0 18 2">
                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
@@ -125,7 +125,7 @@ onMounted(async () => {
                   class="bg-blue-50 border-x-0 h-11 focus:border-none text-center text-gray-900 font-bold text-sm block w-full py-2.5"
                   placeholder="1" required />
 
-                <a @click="incrementAmount()" class="bg-blue-800 0 border-blue-900 rounded-e-lg p-3 h-11 ml-1">
+                <a @click="incrementAmount()" class="bg-blue-800 0 border-blue-900 rounded-e-lg p-3 h-11 ml-0 flex flex-col justify-center">
                   <svg class="w-3 h-3 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                     fill="none" viewBox="0 0 18 18">
                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"