Merge pull request #422 from tiwariav/bugfix/3621/mobile_signup

bugfix #3621 signup page layout fix mobile, confirm-reset-page layout fix

hosting/static/hosting/css/commons.css

@@ -7,7 +7,7 @@
 }
 
 .content-dashboard{
-  min-height: 100vh;
+	min-height: calc(100vh - 120px);
 	width: 80%;
 	margin: 0 auto;
 	max-width: 1120px;

hosting/static/hosting/css/landing-page.css

@@ -45,6 +45,11 @@ h6 {
     padding: 20px;
 }
 
+.navbar-transparent.topnav {
+    z-index: 1005;
+    margin-bottom: 0;
+}
+
 .navbar-transparent .navbar-nav>li>a {
     color: #fff;
     cursor: pointer;
@@ -61,6 +66,7 @@ h6 {
 .navbar-transparent #logoWhite{
     display: block;
     width: 220px;
+    /* color: #fff; */
 }
 
 .lead {
@@ -220,8 +226,12 @@ h6 {
 
 /*------Auth section---------*/
 .auth-container {
-    height: 100vh;
+    min-height: calc(100vh - 120px);
     position: relative;
+    /* flex-grow: 1; */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 }
 
 .auth-bg {
@@ -260,11 +270,11 @@ h6 {
 }
 
 .auth-container .auth-center {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    width: 100%;
+    /* position: absolute; */
+    /* left: 50%; */
+    /* top: 50%; */
+    /* transform: translate(-50%, -50%); */
+    /* width: 100%; */
 }
 
 .auth-container .auth-title {
@@ -416,6 +426,11 @@ h6 {
     }
 }
 
+.auth-box .msg-list {
+    padding: 15px 25px 5px;
+    text-align: center;
+}
+
 @media (max-width: 540px) {
     .auth-container .auth-title h2 {
         font-size: 32px;

hosting/templates/hosting/confirm_reset_password.html

@@ -2,6 +2,10 @@
 {% load staticfiles bootstrap3%}
 {% load i18n %}
 
+{% block navbar %}
+    {% include  'hosting/includes/_navbar_transparent.html' %}
+{% endblock navbar %}
+
 {% block content %}
 <div class="auth-container">
    <div class="auth-bg"></div>
@@ -13,7 +17,7 @@
                 <div class="intro-message auth-box sign-up">
                      <h2  class="section-heading">{% trans "Set your new password"%}</h2>
                     {% if messages %}
-                        <ul class="list-unstyled">
+                        <ul class="list-unstyled msg-list">
                         {% for message in messages %}
                             <li>{{ message }}</li>
                         {% endfor %}
@@ -25,7 +29,7 @@
                             {% bootstrap_field field show_label=False %}
                         {% endfor %}
                         {% buttons %}
-                            <button type="submit" class="btn btn-default">
+                            <button type="submit" class="btn btn-block btn-success">
                             {% trans "Reset"%}
                             </button>
                         {% endbuttons %}

hosting/templates/hosting/includes/_navbar_transparent.html

@@ -1,6 +1,6 @@
 {% load static i18n %}
 
-<nav class="navbar navbar-default  navbar-fixed-top topnav navbar-transparent" role="navigation">
+<nav class="navbar navbar-default  topnav navbar-transparent" role="navigation">
     <div class="container topnav">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">

hosting/templates/hosting/login.html

@@ -7,19 +7,22 @@
 {% endblock navbar %}
 
 {% block content %}
-
 <div class="auth-container">
     <div class="auth-bg"></div>
-
     <div class="auth-center">
-
         <div class="auth-title">
             <h2>{% trans "Your VM hosted in Switzerland"%}</h2>
         </div>
         <div class="auth-content">
-
             <div class="intro-message auth-box">
                 <h2 class="section-heading">{% trans "Login"%}</h2>
+                {% if messages %}
+                    <ul class="list-unstyled msg-list">
+                    {% for message in messages %}
+                        <li>{{ message }}</li>
+                    {% endfor %}
+                    </ul>
+                {% endif %}
                 <form action="{% url 'hosting:login' %}" method="post" class="form" novalidated>
                     {% csrf_token %}
                     {% for field in form %}
@@ -31,7 +34,6 @@
                             {% trans "Login"%}
                         </button>
                     {% endbuttons %}
-
 					<input type='hidden' name='next' value='{{request.GET.next}}'/>
                 </form>
                 <div class="auth-footer">
@@ -47,6 +49,5 @@
             </div>
         </div>
     </div>
-
 </div>
 {% endblock %}

hosting/templates/hosting/reset_password.html

@@ -15,7 +15,6 @@
                 <h2>{% trans "Your VM hosted in Switzerland"%}</h2>
             </div>
             <div class="auth-content">
-
                 <div class="intro-message auth-box sign-up">
                     <h2  class="section-heading">{% trans "Reset your password"%}</h2>
                     <form action="{% url 'hosting:reset_password' %}" method="post" class="form" novalidate>

hosting/templates/hosting/signup.html

@@ -36,7 +36,6 @@
                 </div>
             </div>
          </div>
-
     </div>
 </div>
 {% endblock %}