From d3778bad86edc9e45013099381a5602be3a139c6 Mon Sep 17 00:00:00 2001
From: 25Ericcheong <ericcheongkaikit@gmail.com>
Date: Sun, 19 May 2024 01:18:59 +0800
Subject: [PATCH] fix: Added more spacing between buttons when adding toppings

---
 src/components/menu/topping-menu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/menu/topping-menu.vue b/src/components/menu/topping-menu.vue
index f6860ff..121daf8 100644
--- a/src/components/menu/topping-menu.vue
+++ b/src/components/menu/topping-menu.vue
@@ -24,7 +24,7 @@ function handleToppingConfirmation() {
 </script>
 <template>
   <section
-    class="w-full h-[130px] sm:h-[50px] flex flex-col sm:flex-row body-font text-lg sm:text-xl xl:text-2xl"
+    class="w-full h-[130px] sm:h-[50px] flex flex-col justify-between sm:flex-row body-font text-lg sm:text-xl xl:text-2xl"
   >
     <div class="w-2/3 sm:w-1/2 pb-5 sm:pb-0 flex justify-between items-center">
       <button