From 22bfb770445f72413dadeb27cafaf3fe063a0758 Mon Sep 17 00:00:00 2001
From: Manuel Cillero <manuel@cillero.es>
Date: Sun, 24 Sep 2017 23:14:57 +0200
Subject: [PATCH] Improve the login form display in mobile devices

---
 themes/zuitedesk/css/navigation.css |  2 +-
 themes/zuitedesk/css/pages.css      | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/themes/zuitedesk/css/navigation.css b/themes/zuitedesk/css/navigation.css
index 02c4d24..1e4f685 100644
--- a/themes/zuitedesk/css/navigation.css
+++ b/themes/zuitedesk/css/navigation.css
@@ -143,7 +143,7 @@ ul.social-menu .social-link-mail:hover a {
   position: absolute;
 }
 @media (min-width: 768px) and (max-width: 899px) {
-  .navbar-default .navbar-nav > li:first-child {
+  body.logged-in .navbar-default .navbar-nav > li:first-child {
     display: none;
   }
 }
diff --git a/themes/zuitedesk/css/pages.css b/themes/zuitedesk/css/pages.css
index c0d3ccd..e9a94cd 100644
--- a/themes/zuitedesk/css/pages.css
+++ b/themes/zuitedesk/css/pages.css
@@ -13,6 +13,7 @@ body.elfinder {
  */
 #page-wrapper {
   background-color: #ebeae9;
+  min-height: 800px;
 }
 #main {
   background: #fff;
@@ -64,10 +65,19 @@ body.not-logged-in[class*="page-user"] {
 }
 body.not-logged-in[class*="page-user"] #main {
   margin: 20px auto 0;
-  max-width: 380px;
+  max-width: 400px;
   padding: 20px;
   background: rgba(252, 255, 255, 0.85);
 }
+@media (max-width: 450px) {
+  body.not-logged-in[class*="page-user"] #main {
+    margin: 10px 10px 0;
+    padding: 10px 0;
+  }
+  body.not-logged-in[class*="page-user"] #main-content div.tabs + .section {
+    padding-top: 1em;
+  }
+}
 body.not-logged-in[class*="page-user"] #main-content {
   padding: 0;
 }