From 2f32c4cd0852f635f0b8ba30a3561704c8b42b29 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 28 Sep 2020 13:42:06 +0300
Subject: [PATCH] Styling for the login button of the booking page

---
 application/views/appointments/book.php |  4 +++-
 assets/css/frontend.css                 | 13 +++++++++++--
 assets/css/general.css                  |  4 ----
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/application/views/appointments/book.php b/application/views/appointments/book.php
index 7a6376eb..0db795ef 100755
--- a/application/views/appointments/book.php
+++ b/application/views/appointments/book.php
@@ -385,10 +385,12 @@
 
                     <span class="footer-options">
                         <span id="select-language" class="badge badge-secondary">
+                            <i class="fas fa-language mr-2"></i>
                             <?= ucfirst(config('language')) ?>
                         </span>
 
-                        <a class="backend-link text-dark" href="<?= site_url('backend'); ?>">
+                        <a class="backend-link badge badge-primary" href="<?= site_url('backend'); ?>">
+                            <i class="fas fa-sign-in-alt mr-2"></i>
                             <?= $this->session->user_id ? lang('backend_section') : lang('login') ?>
                         </a>
                     </span>
diff --git a/assets/css/frontend.css b/assets/css/frontend.css
index 159abf93..294003d4 100644
--- a/assets/css/frontend.css
+++ b/assets/css/frontend.css
@@ -258,10 +258,12 @@ body {
     box-shadow: none;
 }
 
-#book-appointment-wizard #select-language {
+#book-appointment-wizard #select-language,
+#book-appointment-wizard .backend-link {
     display: block;
     width: 150px;
     margin: 15px auto;
+    padding: 5px;
 }
 
 .popover .popover-title {
@@ -333,7 +335,14 @@ body {
 
     #book-appointment-wizard #select-language {
         display: inline-block;
-        margin-right: 30px;
+        margin-right: 15px;
+    }
+
+    #book-appointment-wizard .backend-link {
+        display: inline-block;
+        width: 100px;
+        padding: 5px;
+        margin: 5px auto;
     }
 }
 
diff --git a/assets/css/general.css b/assets/css/general.css
index 9080324c..cd3a3167 100644
--- a/assets/css/general.css
+++ b/assets/css/general.css
@@ -216,10 +216,6 @@ li.language:hover {
     padding: 5px;
 }
 
-#select-language.active {
-    box-shadow: 0 0 20px #1A865F;
-}
-
 #language-list {
     list-style: none;
     padding-left: 0px;