From f6072f42d4f5bdd436de70fe26e2edd5504b459d Mon Sep 17 00:00:00 2001
From: Jay Huang <vijay.huang@gmail.com>
Date: Tue, 24 Sep 2024 16:56:46 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AA=81=E5=87=BA=E9=A2=84=E7=BA=A6=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/layouts/home_layout.php | 26 ++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/application/views/layouts/home_layout.php b/application/views/layouts/home_layout.php
index ec32403a..810b5899 100755
--- a/application/views/layouts/home_layout.php
+++ b/application/views/layouts/home_layout.php
@@ -46,6 +46,20 @@
             width: 100%; /* Ensure it takes the full width available */
             max-width: 600px; /* Optional: limit the max width */
         }
+        .booking.icon-button {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            margin: 20px;
+            padding: 20px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            width: 250px;
+            height: 250px;
+            transition: background-color 0.3s;
+        }
         .icon-button {
             display: flex;
             align-items: center;
@@ -64,12 +78,20 @@
             font-size: 56px;
             margin-bottom: 20px;
         }
+       .booking.icon-button span {
+            font-size: 16px;
+            margin-top: 10px;
+        }
         .icon-button span {
             margin-top: 10px;
         }
         .icon-button:hover {
             background-color: #429a82;
         }
+        .booking.icon-button .svg-inline--fa {
+            width: 58px; /* Adjust the size as needed */
+            height: 58px; /* Adjust the size as needed */
+        }
         .icon-button .svg-inline--fa {
             width: 38px; /* Adjust the size as needed */
             height: 38px; /* Adjust the size as needed */
@@ -88,12 +110,14 @@
 
             <div class="icon-container-wrapper">
                 <div class="icon-container">
-                    <a href="<?= site_url('booking') ?>" class="icon-button btn btn-light">
+                    <a href="<?= site_url('booking') ?>" class="booking icon-button btn btn-light">
                         <i class="fa-solid fa-calendar-plus"></i>
                         <span>
                             <?= lang('home_appointment_button') ?>
                         </span>
                     </a>
+                </div>
+                <div class="icon-container">
                     <a href="<?= site_url('home_search') ?>" class="icon-button btn btn-light">
                         <i class="fa-solid fa-search"></i>
                         <span>