From 6c6e78a1d7c8037dc83a6bcc66528556a4b10fdf Mon Sep 17 00:00:00 2001
From: Milka Kuzminski <milka@rhodecode.com>
Date: Wed, 11 Nov 2020 16:41:14 +0100
Subject: [PATCH] login: optimized UI for login/register/password reset
 windows.

---
 rhodecode/public/css/login.less         | 4 ++--
 rhodecode/templates/login.mako          | 6 +++---
 rhodecode/templates/password_reset.mako | 5 +++--
 rhodecode/templates/register.mako       | 8 +++++---
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/rhodecode/public/css/login.less b/rhodecode/public/css/login.less
index 721ff29e..b8e37d3c 100644
--- a/rhodecode/public/css/login.less
+++ b/rhodecode/public/css/login.less
@@ -2,7 +2,7 @@
 
 
 .loginbox {
-    max-width: 65%;
+    max-width: 960px;
     margin: @pagepadding auto;
     font-family: @text-light;
     border: @border-thickness solid @grey5;
@@ -83,7 +83,7 @@
     .sign-in-image {
         display: block;
         width: 65%;
-        margin: 5% auto;
+        margin: 1% auto;
     }
 
     .sign-in-title {
diff --git a/rhodecode/templates/login.mako b/rhodecode/templates/login.mako
index 8d56c7be..b6167a4d 100644
--- a/rhodecode/templates/login.mako
+++ b/rhodecode/templates/login.mako
@@ -7,8 +7,8 @@
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
-
 <style>body{background-color:#eeeeee;}</style>
+
 <div class="loginbox">
     <div class="header-account">
         <div id="header-inner" class="title">
@@ -28,11 +28,11 @@
     <div class="loginwrapper">
         <rhodecode-toast id="notifications"></rhodecode-toast>
 
-        <div class="left-column">
+        <div class="auth-image-wrapper">
             <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
         </div>
 
-        <div id="login" class="right-column">
+        <div id="login">
             <%block name="above_login_button" />
             <!-- login -->
             <div class="sign-in-title">
diff --git a/rhodecode/templates/password_reset.mako b/rhodecode/templates/password_reset.mako
index 2c4e19ea..1af47cfb 100644
--- a/rhodecode/templates/password_reset.mako
+++ b/rhodecode/templates/password_reset.mako
@@ -27,7 +27,8 @@
 
     <div class="loginwrapper">
         <rhodecode-toast id="notifications"></rhodecode-toast>
-        <div class="left-column">
+
+        <div class="auth-image-wrapper">
             <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
         </div>
 
@@ -43,7 +44,7 @@
                 </p>
             </div>
         %else:
-            <div id="register" class="right-column">
+            <div id="register">
                 <!-- login -->
                 <div class="sign-in-title">
                     <h1>${_('Reset your Password')}</h1>
diff --git a/rhodecode/templates/register.mako b/rhodecode/templates/register.mako
index 6bf552f3..f5158b0b 100644
--- a/rhodecode/templates/register.mako
+++ b/rhodecode/templates/register.mako
@@ -27,11 +27,13 @@
 
     <div class="loginwrapper">
         <rhodecode-toast id="notifications"></rhodecode-toast>
-        <div class="left-column">
+
+        <div class="auth-image-wrapper">
             <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
         </div>
-        <%block name="above_register_button" />
-        <div id="register" class="right-column">
+
+        <div id="register">
+            <%block name="above_register_button" />
             <!-- login -->
             <div class="sign-in-title">
                 % if external_auth_provider: