From 105cb445d6897291ea33284303183d68658a6c5e Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Fri, 30 May 2025 15:36:35 +0800
Subject: [PATCH] E-Invoice - Minor UI update

---
 .../sections/BookingDetailsSectionComponent.vue       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
index 778e1cfb..19f9b17b 100644
--- a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
@@ -305,7 +305,7 @@
                             </div>
                             <div class="row m-t-10" v-if="$store.getters.isSuperAdmin">
                                 <div class="col-sm col-md-auto">
-                                    <div class="btn btn-sm btn block all-caps b-rad-none btn-danger pointer requestModal" data-type="deleteTransfer">Delete Transfer</div>
+                                    <div class="btn btn-sm btn block all-caps b-rad-none btn-danger pointer requestModal equal-width-button" data-type="deleteTransfer">Delete Transfer</div>
                                 </div>
                                 <modal-component class="animate__animated animate__fast animate__fadeIn" type="deleteTransfer">
                                     <general-confirmation-form-component
@@ -476,7 +476,7 @@
                     </div>
                     <div class="row m-t-5" v-if="$store.getters.isAdmin">
                         <div class="col">
-                            <div class="btn btn-xs all-caps b-rad-none btn-warning pointer requestModal" data-type="changeBookingOwner">Change Booking Owner</div>
+                            <div class="btn btn-xs all-caps b-rad-none btn-warning pointer requestModal equal-width-button" data-type="changeBookingOwner">Change Booking Owner</div>
                             <modal-component type="changeBookingOwner">
                                 <change-booking-owner-form-component :data="booking" :section="section" class="text-center"></change-booking-owner-form-component>
                             </modal-component>
@@ -569,3 +569,10 @@
         }
     }
 </script>
+<style scoped>
+    .equal-width-button {
+        min-width: 165px;
+        display: inline-block;
+        text-align: center;
+    }
+</style>