Fix com o auto

app/static/app/css/register-new-account.css

@@ -21,7 +21,6 @@ footer {
 
 .white-canvas {
   width: 400px;
-  height: 800px;
   background-color: rgba(255, 255, 255, 0.85);
 }
 

app/static/app/css/register-new-account.scss

@@ -26,7 +26,6 @@ footer {
 
 .white-canvas {
   width: 400px;
-  height: 800px;
   background-color: rgba(255, 255, 255, 0.85);
 }
 

app/templates/app/registration/login.html

@@ -55,9 +55,9 @@
                 </div>
                 <div>
                     {% if reset_pwd_link != '' %}
-                        <p class="text-center login-help"><a href="{{ reset_pwd_link }}">Esqueceu a senha?</a></p>
+                        <p class="text-center login-help redirect-link"><a href="{{ reset_pwd_link }}">Esqueceu a senha?</a></p>
                     {% else %}
-                        <p class="text-center login-help"><a href="javascript:toggleForgotPasswordHint();">Esqueceu a senha?</a></p>
+                        <p class="text-center login-help redirect-link"><a class="redirect-link" href="javascript:toggleForgotPasswordHint();">Esqueceu a senha?</a></p>
                         <script>function toggleForgotPasswordHint(){ $("#forgotPasswordHint").toggle(); }</script>
                         <div id="forgotPasswordHint" style="display: none; font-size: 90%; padding: 4px;" class="theme-secondary">
                             You can reset the administrator password by running the following command:
@@ -72,7 +72,7 @@
             <a type="submit" href="{% url 'new_account_registration' %}" class="btn rounded-corners btn-block center-block new-account btn-custom" >Criar nova conta</a>
         </div>
         <div>
-            <p class="text-center login-help"><a>Suporte</a></p>
+            <p class="text-center login-help redirect-link"><a>Suporte</a></p>
         </div>
     </div>
 

app/templates/app/registration/registration_base.html

@@ -19,7 +19,8 @@ footer{
 
 .white-canvas {
     background-color: rgba(255, 255, 255, 0.85);
-    height: 720px;
+    height: auto;
+    padding-bottom: 50px;
 }
 
 .content, html {
@@ -34,6 +35,18 @@ footer{
 .top-buffer {
     margin-top: 60px;
 }
+
+.redirect-link,
+.redirect-link:hover,
+.redirect-link:active {
+    color: #58595b;
+    text-decoration: none;
+    transition: all 0.5s;
+}
+
+.redirect-link:hover {
+    transform: scale(0.95);
+}
 </style>
 <section class="main">
     <div class="content">