From 5cf5d4dcbb6759ff4f2a88dcd76d96a8d0e011b2 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Tue, 15 Jun 2021 14:54:29 +0200
Subject: [PATCH] Try to adjust login message's position for small screens

---
 pixelegg/css/mobile.css             |  5 +++++
 pixelegg/css/monochrome.css         |  5 +++++
 pixelegg/css/pixelegg.css           |  5 +++++
 pixelegg/less/layout_loginPage.less | 12 ++++++++++++
 pixelegg/login.tpl                  |  2 +-
 pixelegg/mobile/fw_mobile.css       |  5 +++++
 6 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index cb0f8c40d8..e2fa1cdf07 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -2393,6 +2393,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
     opacity: 0;
   }
 }
+@media only screen and (max-width: 1024px) and (min-width: 736px) {
+  #loginMainDiv #divAppIconBar #divLogo .login_logo_container {
+    height: 90px;
+  }
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 2f4ae2d78f..88277d03bd 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -2373,6 +2373,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
     opacity: 0;
   }
 }
+@media only screen and (max-width: 1024px) and (min-width: 736px) {
+  #loginMainDiv #divAppIconBar #divLogo .login_logo_container {
+    height: 90px;
+  }
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index c9b3c29c4e..802f207430 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -2383,6 +2383,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
     opacity: 0;
   }
 }
+@media only screen and (max-width: 1024px) and (min-width: 736px) {
+  #loginMainDiv #divAppIconBar #divLogo .login_logo_container {
+    height: 90px;
+  }
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index 384bca825e..9c60f4393e 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -478,3 +478,15 @@ div#loginMainDiv.stockLoginBackground {
 		opacity: 0;
 	}
 }
+@media only screen and (max-width : 1024px) and (min-width: 736px)
+{
+	#loginMainDiv {
+		#divAppIconBar {
+			#divLogo {
+				.login_logo_container {
+					height: 90px;
+				}
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/pixelegg/login.tpl b/pixelegg/login.tpl
index a2dc8c9ee3..92f8932dd6 100644
--- a/pixelegg/login.tpl
+++ b/pixelegg/login.tpl
@@ -13,8 +13,8 @@
 					<div style="background-image:url({logo_file})" class="login_logo" border="0" alt="{logo_title}" title="{logo_title}" ></div>
 				</a>
 			</div>
-			<div id="loginScreenMessage">{lang_message}</div>
 		</div>
+	    <div id="loginScreenMessage">{lang_message}</div>
     </div>
     <div id="centerBox">
         <form name="login_form" method="post" action="{login_url}">
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 8362a0bbdd..9f6507f94c 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -2404,6 +2404,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
     opacity: 0;
   }
 }
+@media only screen and (max-width: 1024px) and (min-width: 736px) {
+  #loginMainDiv #divAppIconBar #divLogo .login_logo_container {
+    height: 90px;
+  }
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *