From fc516b498ef298b70e35dd31025707ffc33c9207 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Thu, 14 Jul 2016 20:48:16 +0200
Subject: [PATCH] Responsive design refactoring for the backend/services page.

---
 src/application/views/backend/services.php |  7 +++----
 src/assets/css/backend.css                 | 13 +++++--------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/application/views/backend/services.php b/src/application/views/backend/services.php
index e18a7365..4acfd281 100644
--- a/src/application/views/backend/services.php
+++ b/src/application/views/backend/services.php
@@ -124,10 +124,9 @@
                     <textarea id="service-description" rows="4" class="form-control"></textarea>
                 </div>
 
-
-                <br/><br/>
-                <em id="form-message" class="text-error">
-                    <?php echo $this->lang->line('fields_are_required'); ?></em>
+                <p id="form-message" class="text-danger">
+                    <em><?php echo $this->lang->line('fields_are_required'); ?></em>
+                </p>
             </div>
         </div>
     </div>
diff --git a/src/assets/css/backend.css b/src/assets/css/backend.css
index 26d67ce9..1d84da7e 100644
--- a/src/assets/css/backend.css
+++ b/src/assets/css/backend.css
@@ -97,7 +97,7 @@ root {
 }
 
 #notification {
-    margin-bottom: 15px;
+    margin: 15px;
 }
 
 #notification strong {
@@ -444,14 +444,9 @@ body .form-horizontal .controls {
     color: #525252;
 }
 
-#services-page .tab-content {
-    margin: 15px;
-}
-
 #services-page .nav {
-    margin: 15px;
     background-color: #F4F4F4;
-    border-radius: 4px;
+    margin-bottom: 15px;
 }
 
 #services-page .nav li {
@@ -459,7 +454,7 @@ body .form-horizontal .controls {
 }
 
 #services-page .filter-records {
-    width: 350px;
+    max-width: 350px;
 }
 
 #services-page .filter-records .results {
@@ -489,6 +484,8 @@ body .form-horizontal .controls {
 #services-page .details .ui-spinner {
     border: none;
     margin-bottom: 10px;
+    display: block;
+    color: #666;
 }
 
 #services-page .details .ui-state-disabled {