From ad320cab5297078a9696bbc1055294fa339b50ac Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 31 Aug 2020 17:09:13 +0300
Subject: [PATCH] Responsive corrections for the book success and message pages

---
 application/views/appointments/book_success.php | 11 ++++++-----
 application/views/appointments/message.php      |  8 ++++----
 2 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/application/views/appointments/book_success.php b/application/views/appointments/book_success.php
index ff9f2ac1..88a64f2e 100755
--- a/application/views/appointments/book_success.php
+++ b/application/views/appointments/book_success.php
@@ -16,12 +16,13 @@
 </head>
 <body>
     <div id="main" class="container">
-        <div class="wrapper row d-md-flex align-items-center justify-content-center">
-            <div id="success-frame" class="frame-container col-12 d-md-flex">
-                <div class="col-12">
+        <div class="row wrapper">
+            <div id="success-frame" class="col-12 my-auto frame-container">
+                <div>
                     <img id="success-icon" class="mt-0 mb-2" src="<?= base_url('assets/img/success.png') ?>" />
                 </div>
-                <div class="col-12">
+
+                <div>
                     <h3><?= lang('appointment_registered') ?></h3>
 
                     <p>
@@ -47,7 +48,7 @@
                     <?php endif ?>
 
                     <?php if (isset($exceptions)): ?>
-                        <div class="col-12" style="margin:10px">
+                        <div class="m-2">
                             <h4><?= lang('unexpected_issues') ?></h4>
 
                             <?php foreach($exceptions as $exception): ?>
diff --git a/application/views/appointments/message.php b/application/views/appointments/message.php
index e208a93c..8b395570 100644
--- a/application/views/appointments/message.php
+++ b/application/views/appointments/message.php
@@ -26,13 +26,13 @@
 
 <body>
     <div id="main" class="container">
-        <div class="wrapper row d-md-flex align-items-center justify-content-center">
-            <div id="message-frame" class="frame-container col-12 d-md-flex">
-                <div class="col-12">
+        <div class="row wrapper">
+            <div id="message-frame" class="col-12 my-auto frame-container">
+                <div>
                     <img id="message-icon" src="<?= $message_icon ?>" alt="warning">
                 </div>
 
-                <div class="col-12">
+                <div>
                     <h3><?= $message_title ?></h3>
                     <p><?= $message_text ?></p>
 
