From 03d1d1e5200d9b48a9277b5cd15bc2c6ce96aa5a Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Thu, 24 Feb 2022 21:38:57 +0000
Subject: [PATCH] Use grid instead of width for buttons

---
 web/src/components/Modal.vue | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/web/src/components/Modal.vue b/web/src/components/Modal.vue
index 9dc851b..b783232 100644
--- a/web/src/components/Modal.vue
+++ b/web/src/components/Modal.vue
@@ -36,17 +36,15 @@ function submitDialog() {
             <div class="mt-3 text-center">
                 <h3 class="mt-3 text-lg leading-6 font-medium text-gray-900">{{ buttonText }}</h3>
                 <slot></slot>
-                <div>
-                    <slot name="actions">
-                        <button
-                            @click="closeDialog"
-                            class="px-4 py-2 bg-red-500 text-white text-base font-medium rounded-md w-1/2 shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
-                        >Close</button>
-                        <button
-                            @click="submitDialog"
-                            class="px-4 py-2 bg-green-500 text-white text-base font-medium rounded-md w-1/2 shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
-                        >Save</button>
-                    </slot>
+                <div class="grid grid-cols-2 gap-6">
+                    <button
+                        @click="closeDialog"
+                        class="px-4 py-2 bg-red-500 text-white text-base font-medium rounded-md shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
+                    >Close</button>
+                    <button
+                        @click="submitDialog"
+                        class="px-4 py-2 bg-green-500 text-white text-base font-medium rounded-md shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
+                    >Save</button>
                 </div>
             </div>
         </div>