Move vertical alignment of public layout to mobile. Refs #8140

2 files changed, 22 insertions, 16 deletions

diff --git a/core/css/mobile.css b/core/css/mobile.css
index c67ac3e5ecf..a10b9c486d0 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -1,5 +1,26 @@
 @media only screen and (max-width: 768px) {
 
+#body-login #header {
+	padding-top: 10px;
+}
+
+#body-login .wrapper {
+	display: -webkit-box;
+	-webkit-box-orient: horizontal;
+	-webkit-box-pack: center;
+	-webkit-box-align: center;
+
+	display: -moz-box;
+	-moz-box-orient: horizontal;
+	-moz-box-pack: center;
+	-moz-box-align: center;
+
+	display: box;
+	box-orient: horizontal;
+	box-pack: center;
+	box-align: center;
+}
+
 /* show caret indicator next to logo to make clear it is tappable */
 #owncloud.menutoggle {
 	background-image: url('../img/actions/caret.svg');
diff --git a/core/css/styles.css b/core/css/styles.css
index 2f67fa07c8c..57e2c4479a1 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -327,7 +327,7 @@ input[type="submit"].enabled {
 
 /* Some whitespace to the top */
 #body-login #header {
-	padding-top: 10px;
+	padding-top: 100px;
 }
 /* Fix background gradient */
 #body-login {
@@ -637,21 +637,6 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
 	min-height: 100%;
 	margin: 0 auto -70px;
 	width: 300px;
-	
-	display: -webkit-box;
-	-webkit-box-orient: horizontal;
-	-webkit-box-pack: center;
-	-webkit-box-align: center;
-
-	display: -moz-box;
-	-moz-box-orient: horizontal;
-	-moz-box-pack: center;
-	-moz-box-align: center;
-
-	display: box;
-	box-orient: horizontal;
-	box-pack: center;
-	box-align: center;
 }
 #body-login footer, #body-login .push {
 	height: 70px;