From c51fae9bd4f5647019bf6ac0a1583e0bb6f7f9b9 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 24 Jan 2024 13:49:32 +0300
Subject: [PATCH] Update demo padding

---
 doc/toast/HeadlessDoc.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/doc/toast/HeadlessDoc.vue b/doc/toast/HeadlessDoc.vue
index 31efc7c9d..9461535e9 100644
--- a/doc/toast/HeadlessDoc.vue
+++ b/doc/toast/HeadlessDoc.vue
@@ -15,8 +15,8 @@
                             <label class="text-right text-xs text-white">{{ progress }}% uploaded...</label>
                         </div>
                         <div class="flex gap-3 mb-3">
-                            <Button label="Another Upload?" text class="p-0" @click="closeCallback"></Button>
-                            <Button label="Cancel" text class="text-white p-0" @click="closeCallback"></Button>
+                            <Button label="Another Upload?" text class="py-1 px-2" @click="closeCallback"></Button>
+                            <Button label="Cancel" text class="text-white py-1 px-2" @click="closeCallback"></Button>
                         </div>
                     </div>
                 </section>
@@ -48,8 +48,8 @@ export default {
                     <label class="text-right text-xs text-white">{{ progress }}% uploaded...</label>
                 </div>
                 <div class="flex gap-3 mb-3">
-                    <Button label="Another Upload?" text class="p-0" @click="closeCallback"></Button>
-                    <Button label="Cancel" text class="text-white p-0" @click="closeCallback"></Button>
+                    <Button label="Another Upload?" text class="py-1 px-2" @click="closeCallback"></Button>
+                    <Button label="Cancel" text class="text-white py-1 px-2" @click="closeCallback"></Button>
                 </div>
             </div>
         </section>
@@ -72,8 +72,8 @@ export default {
                             <label class="text-right text-xs text-white">{{ progress }}% uploaded...</label>
                         </div>
                         <div class="flex gap-3 mb-3">
-                            <Button label="Another Upload?" text class="p-0" @click="closeCallback"></Button>
-                            <Button label="Cancel" text class="text-white p-0" @click="closeCallback"></Button>
+                            <Button label="Another Upload?" text class="py-1 px-2" @click="closeCallback"></Button>
+                            <Button label="Cancel" text class="text-white py-1 px-2" @click="closeCallback"></Button>
                         </div>
                     </div>
                 </section>
@@ -139,8 +139,8 @@ export default {
                             <label class="text-right text-xs text-white">{{ progress }}% uploaded...</label>
                         </div>
                         <div class="flex gap-3 mb-3">
-                            <Button label="Another Upload?" text class="p-0" @click="closeCallback"></Button>
-                            <Button label="Cancel" text class="text-white p-0" @click="closeCallback"></Button>
+                            <Button label="Another Upload?" text class="py-1 px-2" @click="closeCallback"></Button>
+                            <Button label="Cancel" text class="text-white py-1 px-2" @click="closeCallback"></Button>
                         </div>
                     </div>
                 </section>