Fix portrait mode styles

vaadin · Dec 31, 2018 · 0c0ba6e · 0c0ba6e
1 parent b622448
commit 0c0ba6e
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/theme/material/vaadin-login-overlay-styles.html b/theme/material/vaadin-login-overlay-styles.html
@@ -71,21 +71,14 @@
       [part="form"] ::slotted(*) {
         position: relative;
         bottom: 60px;
+        margin: auto;
       }
 
       [part="form"] h2 {
         text-align: center;
         font-weight: 500;
       }
 
-      @media only screen
-      and (max-width: 500px) {
-        [part="overlay"],
-        [part="content"] {
-          height: 100%;
-        }
-      }
-
       [part="card"] {
         background: var(--material-secondary-background-color);
       }
@@ -124,6 +117,12 @@
       /* Small screen */
       @media only screen
       and (max-width: 500px) {
+        [part="overlay"],
+        [part="content"],
+        [part="card"] {
+          height: 100%;
+        }
+
         [part="content"] {
           min-height: 100%;
           background: var(--material-background-color);