From cd5157621792cb09a760b620bf9c42dff7ad71a8 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 24 Jan 2022 17:43:44 +0100
Subject: [PATCH] Update about page content

---
 application/views/pages/about.php | 34 ++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/application/views/pages/about.php b/application/views/pages/about.php
index c4add8c6..28bdf98d 100755
--- a/application/views/pages/about.php
+++ b/application/views/pages/about.php
@@ -4,13 +4,23 @@
 
 <div id="about-page" class="container backend-page">
     <div id="about" class="col-lg-8 offset-lg-2">
-        <h3>Easy!Appointments</h3>
+        
+        <div class="text-center my-5">
+            <img src="<?= base_url('assets/img/logo.png') ?>" alt="Easy!Appointments Logo" class="mb-5">
+            
+            <h3>
+                Easy!Appointments
+            </h3>
+            <h6 class="text-primary">
+                Online Appointment Scheduler
+            </h6>
+        </div>
 
-        <p>
+        <p class="mb-5">
             <?= lang('about_app_info') ?>
         </p>
 
-        <div class="card mb-3">
+        <div class="card mb-5">
             <div class="card-header">
                 <?= lang('current_version') ?>
             </div>
@@ -21,52 +31,52 @@
             </div>
         </div>
         
-        <h3><?= lang('support') ?></h3>
+        <h4><?= lang('support') ?></h4>
         
         <p>
             <?= lang('about_app_support') ?>
         </p>
 
-        <div class="d-lg-flex justify-content-between flex-wrap alight-items-center">
+        <div class="d-lg-flex justify-content-start flex-wrap alight-items-center mb-5">
             <div class="text-center mb-3">
-                <a class="btn btn-secondary d-block" href="https://easyappointments.org">
+                <a class="btn btn-secondary d-block p-0 me-3 mb-3" href="https://easyappointments.org">
                     <i class="fas fa-external-link-alt me-2"></i>
                     <?= lang('official_website') ?>
                 </a>    
             </div>
 
             <div class="text-center mb-3">
-                <a class="btn btn-secondary d-block" href="https://groups.google.com/forum/#!forum/easy-appointments">
+                <a class="btn btn-secondary d-block p-0 me-3 mb-3" href="https://groups.google.com/forum/#!forum/easy-appointments">
                     <i class="fas fa-external-link-alt me-2"></i>
                     <?= lang('support_group') ?>
                 </a>
             </div>
 
             <div class="text-center mb-3">
-                <a class="btn btn-secondary d-block" href="https://github.com/alextselegidis/easyappointments/issues">
+                <a class="btn btn-secondary d-block p-0 me-3 mb-3" href="https://github.com/alextselegidis/easyappointments/issues">
                     <i class="fas fa-external-link-alt me-2"></i>
                     <?= lang('project_issues') ?>
                 </a>
             </div>
 
             <div class="text-center mb-3">
-                <a class="btn btn-secondary d-block" href="https://facebook.com/easyappts">
+                <a class="btn btn-secondary d-block p-0 me-3 mb-3" href="https://facebook.com/easyappts">
                     <i class="fas fa-external-link-alt me-2"></i>
                     Facebook
                 </a>
             </div>
 
             <div class="text-center mb-3">
-                <a class="btn btn-secondary d-block" href="https://twitter.com/easyappts">
+                <a class="btn btn-secondary d-block p-0 me-3 mb-3" href="https://twitter.com/easyappts">
                     <i class="fas fa-external-link-alt me-2"></i>
                     Twitter
                 </a>
             </div>
         </div>
 
-        <h3><?= lang('license') ?></h3>
+        <h4><?= lang('license') ?></h4>
 
-        <p>
+        <p class="mb-5">
             <?= lang('about_app_license') ?>
             <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">https://www.gnu.org/copyleft/gpl.html</a>
         </p>