From ae2a1e929fe086a1bb1d232b7a22048e08dcf5f0 Mon Sep 17 00:00:00 2001
From: Stan Silvert <ssilvert@redhat.com>
Date: Wed, 2 Nov 2016 13:53:15 -0400
Subject: [PATCH] KEYCLOAK-3816: Broken OTP setup with smaller resolutions

---
 .../theme/keycloak/login/resources/css/login.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/themes/src/main/resources/theme/keycloak/login/resources/css/login.css b/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
index 0ed51ac51d..54eb79655c 100644
--- a/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
+++ b/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
@@ -244,18 +244,26 @@ ol#kc-totp-settings li:first-of-type {
 .zocial.microsoft {background-color: #0052a4; color: #fff;}
 .zocial.microsoft:before { content: "\f15d"; }
 
+@media (min-width: 801px) {
+    #kc-container-wrapper {
+        bottom: 13%;        
+    }
+    
+    #kc-logo-wrapper {
+        position: absolute;
+        top: 50px;
+        right: 50px;
+    }
+}
 
 @media (min-width: 768px) {
     #kc-container-wrapper {
-        bottom: 13%;
         position: absolute;
         width: 100%;
     }
 
     #kc-logo-wrapper {
-        position: absolute;
-        top: 50px;
-        right: 50px;
+        margin-left: auto;
     }
 
     .login-pf .container {