From 376f2fed8b649ed6da2c908f3130a08b3d2ac787 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 3adb0e1eed..0258cd701c 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -2394,6 +2394,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 735d067549..b99af04645 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -2374,6 +2374,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 68b6aabfa6..1f27d870ee 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -2384,6 +2384,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 3e49ec08d5..91a2ff29c9 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -2405,6 +2405,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
  *