diff options
| -rw-r--r-- | core/css/mobile.css | 21 | ||||
| -rw-r--r-- | core/templates/layout.guest.php | 13 |
2 files changed, 28 insertions, 6 deletions
diff --git a/core/css/mobile.css b/core/css/mobile.css index fd0628d7e28..01852613062 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/templates/layout.guest.php b/core/templates/layout.guest.php index 1f89e3f0403..d38dc24d9ce 100644 --- a/core/templates/layout.guest.php +++ b/core/templates/layout.guest.php @@ -35,14 +35,15 @@ <?php flush(); ?> <body id="body-login"> <div class="wrapper"><!-- for sticky footer --> - <header><div id="header"> - <div class="logo svg"></div> - <div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div> - </div></header> - - <?php print_unescaped($_['content']); ?> + <div class="v-align"><!-- vertically centred box --> + <header><div id="header"> + <div class="logo svg"></div> + <div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div> + </div></header> + <?php print_unescaped($_['content']); ?> <div class="push"></div><!-- for sticky footer --> + </div> </div> <footer> |