From 6f38d53715218cff2ee3df0a9eee00b2b5074cf8 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 17 Sep 2020 11:17:32 +0200
Subject: [PATCH] * Login Page: Fix login button on login page not being
 clickable on small screens

---
 pixelegg/css/mobile.css             | 11 +++++++----
 pixelegg/css/monochrome.css         | 11 +++++++----
 pixelegg/css/pixelegg.css           | 11 +++++++----
 pixelegg/less/layout_loginPage.less | 11 +++++++----
 pixelegg/login.tpl                  |  3 ++-
 pixelegg/mobile/fw_mobile.css       | 11 +++++++----
 6 files changed, 37 insertions(+), 21 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 3462cfb817..05bef16065 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1767,8 +1767,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  float: left;
-  margin-top: 20px;
+  position: absolute;
+  bottom: 10px;
+  display: inline-block;
+  left: 0;
+  width: 27%;
 }
 #socialMedia a {
   margin-left: 10px;
@@ -1867,8 +1870,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   position: absolute;
   bottom: 0;
   display: inline-block;
-  left: 0;
-  width: 100%;
+  right: 0;
+  width: 22%;
 }
 #loginMainDiv div#login_footer a.logo_footer {
   float: right;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 4fed622a0c..6b6c0023ff 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -1756,8 +1756,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  float: left;
-  margin-top: 20px;
+  position: absolute;
+  bottom: 10px;
+  display: inline-block;
+  left: 0;
+  width: 27%;
 }
 #socialMedia a {
   margin-left: 10px;
@@ -1856,8 +1859,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   position: absolute;
   bottom: 0;
   display: inline-block;
-  left: 0;
-  width: 100%;
+  right: 0;
+  width: 22%;
 }
 #loginMainDiv div#login_footer a.logo_footer {
   float: right;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index e9a0e92122..f348d13822 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1767,8 +1767,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  float: left;
-  margin-top: 20px;
+  position: absolute;
+  bottom: 10px;
+  display: inline-block;
+  left: 0;
+  width: 27%;
 }
 #socialMedia a {
   margin-left: 10px;
@@ -1867,8 +1870,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   position: absolute;
   bottom: 0;
   display: inline-block;
-  left: 0;
-  width: 100%;
+  right: 0;
+  width: 22%;
 }
 #loginMainDiv div#login_footer a.logo_footer {
   float: right;
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index ad75f48907..572f43febf 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -51,8 +51,11 @@ div#loginMainDiv.stockLoginBackground {
 //##############################################################################################################
 
 #socialBox {
-	float: left;
-	margin-top: 20px;
+	position: absolute;
+	bottom: 10px;
+	display: inline-block;
+	left: 0;
+	width: 27%;
 }
 #socialMedia a {
 	margin-left: 10px;
@@ -159,8 +162,8 @@ div#loginMainDiv.stockLoginBackground {
 		position: absolute;
 		bottom: 0;
 		display: inline-block;
-		left: 0;
-		width: 100%;
+		right: 0;
+		width: 22%;
 		a.logo_footer {
 			float:right;
 			margin: 10px;
diff --git a/pixelegg/login.tpl b/pixelegg/login.tpl
index d4dd9ef075..8a06f8ed39 100644
--- a/pixelegg/login.tpl
+++ b/pixelegg/login.tpl
@@ -109,10 +109,11 @@
             </table>
         </form>
     </div>
+	<div id="socialBox"></div>
 	<div id="login_footer">
-		<div id="socialBox"></div>
 		<a href="https://www.egroupware.org" class="logo_footer" target="_blank">
 			<img src="api/templates/default/images/login_logo.png">
 		</a>
 	</div>
+
 </div>
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 78ca3a396a..fd1c421239 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1778,8 +1778,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  float: left;
-  margin-top: 20px;
+  position: absolute;
+  bottom: 10px;
+  display: inline-block;
+  left: 0;
+  width: 27%;
 }
 #socialMedia a {
   margin-left: 10px;
@@ -1878,8 +1881,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   position: absolute;
   bottom: 0;
   display: inline-block;
-  left: 0;
-  width: 100%;
+  right: 0;
+  width: 22%;
 }
 #loginMainDiv div#login_footer a.logo_footer {
   float: right;