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 @@