From aa00c97fb346f160ce7107e537ff464dd90c1a95 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 24 Jan 2022 13:28:29 +0100
Subject: [PATCH] Styling changes to the booking cancellation frame.

---
 .../components/booking_cancellation_frame.php     | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/application/views/components/booking_cancellation_frame.php b/application/views/components/booking_cancellation_frame.php
index 169ee81b..9d62c8c4 100644
--- a/application/views/components/booking_cancellation_frame.php
+++ b/application/views/components/booking_cancellation_frame.php
@@ -9,10 +9,10 @@
 
 <?php if ($manage_mode): ?>
     <div id="cancel-appointment-frame" class="row booking-header-bar">
-        <div class="col-12 col-md-10">
+        <div class="col-md-10">
             <small><?= lang('cancel_appointment_hint') ?></small>
         </div>
-        <div class="col-12 col-md-2">
+        <div class="col-md-2">
             <form id="cancel-appointment-form" method="post"
                   action="<?= site_url('booking_cancellation/of/' . $appointment_data['hash']) ?>">
 
@@ -21,18 +21,21 @@
                 <input id="cancel-reason" name="cancellation_reason" type="hidden">
 
                 <button id="cancel-appointment" class="btn btn-warning btn-sm">
+                    <i class="fas fa-trash me-2"></i>
                     <?= lang('cancel') ?>
                 </button>
             </form>
         </div>
     </div>
     <div class="booking-header-bar row">
-        <div class="col-12 col-md-10">
+        <div class="col-md-10">
             <small><?= lang('delete_personal_information_hint') ?></small>
         </div>
-        <div class="col-12 col-md-2">
-            <button id="delete-personal-information"
-                    class="btn btn-danger btn-sm"><?= lang('delete') ?></button>
+        <div class="col-md-2">
+            <button id="delete-personal-information" class="btn btn-danger btn-sm">
+                <i class="fas fa-trash me-2"></i>
+                <?= lang('delete') ?>
+            </button>
         </div>
     </div>
 <?php endif ?>