Do not use table layout for login view

Fixes #458
2015-08-10 15:09:19 +02:00
parent cc8105bd70
commit 468dbfd353
2 changed files with 14 additions and 12 deletions
@@ -1,9 +1,9 @@
 <% include header %>

-<div class="container main-container">
+<div class="container">
    <div class="row">
-        <div class="col-md-4 col-md-offset-4">
-            <div class="card" style="max-width: none; padding: 20px; text-align: left;">
+        <div class="col-md-6 col-md-offset-3">
+            <div class="card">
                <div class="row">
                    <div class="col-md-12">
                        <h1><img width="64" height="64" src="<%= applicationLogo %>"/> Login to <%= applicationName %> on <%= cloudronName %></h1>
@@ -675,17 +675,19 @@ footer a {
    padding: 0;
    background: #F7F7F7;

-    .main-container {
-        height: 100%;
-        width: 100%;
-        display: table;
+    h1 {
+        margin-top: 0;
    }

-    .main-container>.row {
-        display: table-cell;
-        text-align: center;
-        vertical-align: middle;
-        width: 100%;
+    .card {
+        max-width: none;
+        padding: 20px;
+        text-align: left;
+        margin-top: 15px;
+
+        @media(min-width:768px) {
+            margin-top: 20%;
+        }
    }
 }