From d4d7fd13d09844cad61f51bb255a0c2d5f6375a8 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 24 Jan 2022 21:23:41 +0100
Subject: [PATCH] Add a border between the display selected service and
 provider provider

---
 application/views/components/booking_final_step.php  | 2 ++
 application/views/components/booking_header.php      | 6 +++---
 application/views/components/company_color_style.php | 1 +
 assets/css/layouts/booking_layout.scss               | 1 +
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/application/views/components/booking_final_step.php b/application/views/components/booking_final_step.php
index bf6cfc4e..8c909a6d 100644
--- a/application/views/components/booking_final_step.php
+++ b/application/views/components/booking_final_step.php
@@ -32,6 +32,7 @@
         <?php endif; ?>
     </div>
 
+    <div class="d-flex justify-content-center">
     <?php if ($display_terms_and_conditions): ?>
         <div class="form-check mb-3">
             <input type="checkbox" class="required form-check-input" id="accept-to-terms-and-conditions">
@@ -59,6 +60,7 @@
             </label>
         </div>
     <?php endif ?>
+    </div>
 
     <div class="command-buttons">
         <button type="button" id="button-back-4" class="btn button-back btn-outline-secondary"
diff --git a/application/views/components/booking_header.php b/application/views/components/booking_header.php
index 3090be08..f42b4f13 100644
--- a/application/views/components/booking_header.php
+++ b/application/views/components/booking_header.php
@@ -15,11 +15,11 @@
         </span>
         
         <div class="d-flex justify-content-center justify-content-md-start">
-            <span class="display-selected-service me-2 invisible">
-                [<?= lang('service') ?>]
+            <span class="display-selected-service me-1 pe-1 border-end invisible">
+                <?= lang('service') ?>
             </span>
             <span class="display-selected-provider invisible">
-                [<?= lang('provider') ?>]
+                <?= lang('provider') ?>
             </span>
         </div>
     </div>
diff --git a/application/views/components/company_color_style.php b/application/views/components/company_color_style.php
index ad196cfc..76ae6dfd 100644
--- a/application/views/components/company_color_style.php
+++ b/application/views/components/company_color_style.php
@@ -32,6 +32,7 @@
     #book-appointment-wizard #company-name .display-selected-service, 
     #book-appointment-wizard #company-name .display-selected-provider {
         color: <?= $company_color ?>;
+        border-color: <?= $company_color ?> !important;
         filter: brightness(50%);
     }
 
diff --git a/assets/css/layouts/booking_layout.scss b/assets/css/layouts/booking_layout.scss
index 683439f4..846842eb 100644
--- a/assets/css/layouts/booking_layout.scss
+++ b/assets/css/layouts/booking_layout.scss
@@ -61,6 +61,7 @@ body {
     .display-selected-service,
     .display-selected-provider {
         color: #225d4d;
+        border-color: #225d4d;
         font-size: 60%;
         font-weight: normal;
     }