From 7cdccf1d2704615ec68368eb52ddb79ed565e349 Mon Sep 17 00:00:00 2001 From: Alex Tselegidis Date: Wed, 6 Jan 2016 21:56:22 +0100 Subject: [PATCH] Fixed responsive display for mobile devices. --- .../views/appointments/message.php | 182 +++++++------- src/application/views/general/error404.php | 231 +++++++++--------- src/assets/css/frontend.css | 37 ++- 3 files changed, 245 insertions(+), 205 deletions(-) diff --git a/src/application/views/appointments/message.php b/src/application/views/appointments/message.php index e9092245..fdbe13a4 100644 --- a/src/application/views/appointments/message.php +++ b/src/application/views/appointments/message.php @@ -1,91 +1,91 @@ - - - - - - - - <?php echo $message_title ?> - - - - - - - - - - - - - - - - - - - - - -
-
- -
- -
- -
- -
- ' . $message_title . ''; - echo '

' . $message_text . '

'; - - // Display exceptions (if any). - if (isset($exceptions)) { - echo '
'; - echo '

Unexpected Errors

'; - foreach($exceptions as $exception) { - echo exceptionToHtml($exception); - } - echo '
'; - } - ?> -
-
- -
-
- - \ No newline at end of file + + + + + + + + <?php echo $message_title ?> + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+ ' . $message_title . ''; + echo '

' . $message_text . '

'; + + // Display exceptions (if any). + if (isset($exceptions)) { + echo '
'; + echo '

Unexpected Errors

'; + foreach($exceptions as $exception) { + echo exceptionToHtml($exception); + } + echo '
'; + } + ?> +
+
+ +
+
+ + diff --git a/src/application/views/general/error404.php b/src/application/views/general/error404.php index da31f5d9..d4252577 100644 --- a/src/application/views/general/error404.php +++ b/src/application/views/general/error404.php @@ -1,113 +1,118 @@ - - - - - - - - <?php echo $this->lang->line('page_not_found') . ' - ' . $company_name; ?> - - - - - - - - - - - - - - - - - - - - -
-

lang->line('page_not_found') - . ' - ' . $this->lang->line('error') . ' 404' ?>

-

- lang->line('page_not_found_message'); ?> -

- -
- - - - lang->line('book_appointment_title'); ?> - - - - - lang->line('backend_section'); ?> - - -
- - \ No newline at end of file + + + + + + + + <?php echo $this->lang->line('page_not_found') . ' - ' . $company_name; ?> + + + + + + + + + + + + + + + + + + + + +
+

lang->line('page_not_found') + . ' - ' . $this->lang->line('error') . ' 404' ?>

+

+ lang->line('page_not_found_message'); ?> +

+ +
+ + + + lang->line('book_appointment_title'); ?> + + + + + lang->line('backend_section'); ?> + + +
+ + diff --git a/src/assets/css/frontend.css b/src/assets/css/frontend.css index 37091a0a..ba953f8e 100644 --- a/src/assets/css/frontend.css +++ b/src/assets/css/frontend.css @@ -257,7 +257,7 @@ body { #main { min-height: 100%; display: block; /* reset display */ - padding: 0; + padding: 5vw; } #main .wrapper { @@ -303,6 +303,9 @@ body { #book-appointment-wizard .wizard-frame .command-buttons #button-next-1 { width: 100%; + max-width: 300px; + margin: auto; + display: block; } #book-appointment-wizard .wizard-frame #select-date { @@ -381,3 +384,35 @@ body { font-size: 1.2em; } } + +@media(max-width:480px) { + body { + background-color: #FAFAFA; + } + + #main { + padding: 0; + } + + #main .wrapper { + width: 100vw; + margin: 0; + display: block; + } + + #book-appointment-wizard { + box-shadow: none; + } + + #book-appointment-wizard .captcha-title { + margin: 7px 0 10px 0 + } + + #book-appointment-wizard .captcha-image { + float: left; + } + + #book-appointment-wizard #frame-footer { + + } +}