# HG changeset patch
# User Milka Kuzminski <milka@rhodecode.com>
# Date 2020-11-11 15:41:14
# Node ID 6e1aa26630454291b0f14e4ffab3d7d20184fed7
# Parent  5a6a2be2486a8cb20463f4b2f2d1a8abfbc45dfa

login: optimized UI for login/register/password reset windows.

diff --git a/rhodecode/public/css/login.less b/rhodecode/public/css/login.less
--- 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
--- 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>
 
-<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
--- 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
--- 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: