From 371e9b3b21ec7914a72babd438446c2fcb1f1f14 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Fri, 25 Sep 2020 11:49:21 +0530
Subject: [PATCH] feat: remove inline styles

---
 frappe/www/login.html | 172 +++++++++++++++++++++---------------------
 1 file changed, 87 insertions(+), 85 deletions(-)

diff --git a/frappe/www/login.html b/frappe/www/login.html
index ad70285f0f..0a8f4ce4eb 100644
--- a/frappe/www/login.html
+++ b/frappe/www/login.html
@@ -2,118 +2,120 @@
 
 {% block style %}
 <style>
-	{% include "templates/includes/login/login.css" %}
+	{
+		% include "templates/includes/login/login.css"%
+	}
 </style>
 {% endblock %}
 
 {% block page_content %}
 <!-- {{ for_test }} -->
-<div style='min-height: 360px'>
+<div>
 	<noscript>
 		<div class="text-center my-5">
 			<h4>{{ _("Javascript is disabled on your browser") }}</h4>
-			<p class="text-muted">{{ _("You need to enable JavaScript for your app to work.") }}<br>{{ _("To enable it follow the instructions in the following link: {0}").format("<a href='https://enable-javascript.com/'>enable-javascript.com</a></p>") }}
+			<p class="text-muted">
+				{{ _("You need to enable JavaScript for your app to work.") }}<br>{{ _("To enable it follow the instructions in the following link: {0}").format("<a href='https://enable-javascript.com/'>enable-javascript.com</a></p>") }}
 		</div>
 	</noscript>
-<section class='for-login'>
-	<div class="login-content page-card" style="margin-top: 30px;">
-		<form class="form-signin form-login" role="form">
-			<div class="page-card-head">
-				<span class="indicator blue" data-text="{{ _('Login') }}"></span>
-			</div>
+	<section class='for-login'>
+		<div class="login-content page-card">
+			<form class="form-signin form-login" role="form">
+				<div class="page-card-head">
+					<span class="indicator blue" data-text="{{ _('Login') }}"></span>
+				</div>
 
-			<input type="text" id="login_email"
-				class="form-control"
-				placeholder="{% if login_name_placeholder %}{{ login_name_placeholder  }}{% else %}{{ _('Email Address') }}{% endif %}"
-				required autofocus>
+				<input type="text" id="login_email" class="form-control"
+					placeholder="{% if login_name_placeholder %}{{ login_name_placeholder  }}{% else %}{{ _('Email Address') }}{% endif %}"
+					required autofocus>
 
-			<div class="password-field" style="position: relative;">
-				<input type="password" id="login_password"
-						class="form-control" placeholder="{{ _('Password') }}" required>
+				<div class="password-field">
+					<input type="password" id="login_password" class="form-control" placeholder="{{ _('Password') }}"
+						required>
 
-				<span toggle="#login_password" class="toggle-password text-muted">{{ _('Show') }}</span>
-			</div>
+					<span toggle="#login_password" class="toggle-password text-muted">{{ _('Show') }}</span>
+				</div>
 
-			<button class="btn btn-sm btn-primary btn-block btn-login" type="submit">
-				{{ _("Login") }}</button>
+				<button class="btn btn-sm btn-primary btn-block btn-login" type="submit">
+					{{ _("Login") }}</button>
 
-			{% if ldap_settings and ldap_settings.enabled %}
-			<button class="btn btn-sm btn-default btn-block btn-login btn-ldap-login">
-				{{ _("Login with LDAP") }}</button>
-			{% endif %}
-		</form>
-	</div>
-	<div class='form-footer'>
+				{% if ldap_settings and ldap_settings.enabled %}
+				<button class="btn btn-sm btn-default btn-block btn-login btn-ldap-login">
+					{{ _("Login with LDAP") }}</button>
+				{% endif %}
+			</form>
+		</div>
+		<div class='form-footer'>
 
 			<div class='social-logins'>
-			{%- if social_login -%}
+				{%- if social_login -%}
 				<h6>{{ _("Or login with") }}</h6>
 
-				<p class="text-center" style="margin-top: 15px">
-				{% for provider in provider_logins %}
-					<a href="{{ provider.auth_url }}"
-						class="btn btn-default btn-sm btn-social btn-{{ provider.name }}">
-							{{ provider.icon }} {{ provider.provider_name }}</a>
-				{% endfor %}
+				<p class="text-center">
+					{% for provider in provider_logins %}
+					<a href="{{ provider.auth_url }}" class="btn btn-default btn-sm btn-social btn-{{ provider.name }}">
+						{{ provider.icon }} {{ provider.provider_name }}</a>
+					{% endfor %}
 				</p>
+				{%- endif -%}
+			</div>
+
+			{%- if not disable_signup -%}
+			<p class="text-center sign-up-message">
+				<a href="#signup">{{ _("Don't have an account? Sign up") }}</a>
+			</p>
 			{%- endif -%}
-			</div>
-
-	{%- if not disable_signup -%}
-		<p class="text-center sign-up-message">
-			<a href="#signup" style="margin-top: -2px;">{{ _("Don't have an account? Sign up") }}</a>
-		</p>
-	{%- endif -%}
-	<p class="text-center forgot-password-message">
-		<a href="#forgot">{{ _("Forgot Password?") }}</a></p>
-	</div>
-</section>
-<section class='for-signup {{ "signup-disabled" if disable_signup else "" }}'>
-	<div class="login-content page-card" style="margin-top: 20px;">
-	{%- if not disable_signup -%}
-		<form class="form-signin form-signup hide" role="form">
-			<div class="page-card-head">
-				<span class="indicator blue" data-text="{{ _('Sign Up') }}"></span>
-			</div>
-			<input type="text" id="signup_fullname"
-				class="form-control" placeholder="{{ _('Full Name') }}" required autofocus>
-			<input type="email" id="signup_email"
-				class="form-control" placeholder="{{ _('Email Address') }}" required>
-			<button class="btn btn-sm btn-primary btn-block btn-signup" type="submit">{{ _("Sign up") }}</button>
-		</form>
-	{%- else -%}
-		<div class='page-card-head'>
-			<span class='indicator gray'>{{_("Signup Disabled")}}</span>
+			<p class="text-center forgot-password-message">
+				<a href="#forgot">{{ _("Forgot Password?") }}</a></p>
+		</div>
+	</section>
+	<section class='for-signup {{ "signup-disabled" if disable_signup else "" }}'>
+		<div class="login-content page-card" style="margin-top: 20px;">
+			{%- if not disable_signup -%}
+			<form class="form-signin form-signup hide" role="form">
+				<div class="page-card-head">
+					<span class="indicator blue" data-text="{{ _('Sign Up') }}"></span>
+				</div>
+				<input type="text" id="signup_fullname" class="form-control" placeholder="{{ _('Full Name') }}" required
+					autofocus>
+				<input type="email" id="signup_email" class="form-control" placeholder="{{ _('Email Address') }}"
+					required>
+				<button class="btn btn-sm btn-primary btn-block btn-signup" type="submit">{{ _("Sign up") }}</button>
+			</form>
+			{%- else -%}
+			<div class='page-card-head'>
+				<span class='indicator gray'>{{_("Signup Disabled")}}</span>
+			</div>
+			<p>{{_("Signups have been disabled for this website.")}}</p>
+			<div><a href='/' class='btn btn-primary btn-sm'>{{ _("Home") }}</a></div>
+			{%- endif -%}
+		</div>
+		<div class='form-footer'>
+			<a href="#login" class="blue">{{ _("Have an account? Login") }}</a>
 		</div>
-		<p>{{_("Signups have been disabled for this website.")}}</p>
-		<div><a href='/' class='btn btn-primary btn-sm'>{{ _("Home") }}</a></div>
-	{%- endif -%}
-	</div>
-	<div class='form-footer'>
-		<a href="#login" class="blue">{{ _("Have an account? Login") }}</a>
-	</div>
 
-</section>
+	</section>
 
-<section class='for-forgot'>
-	<div class="login-content page-card" style="margin-top: 20px;">
-	<form class="form-signin form-forgot hide" role="form">
-		<div class="page-card-head">
-			<span class="indicator blue" data-text="{{ _('Forgot Password') }}"></span></div>
-		<input type="email" id="forgot_email"
-			class="form-control" placeholder="{{ _('Email Address') }}" required autofocus>
-		<button class="btn btn-sm btn-primary btn-block btn-forgot" type="submit">{{ _("Reset Password") }}</button>
-	</form>
-	</div>
-	<div class='form-footer'>
-		<a href="#login">{{ _("Back to Login") }}</a>
-	</div>
-</section>
+	<section class='for-forgot'>
+		<div class="login-content page-card">
+			<form class="form-signin form-forgot hide" role="form">
+				<div class="page-card-head">
+					<span class="indicator blue" data-text="{{ _('Forgot Password') }}"></span></div>
+				<input type="email" id="forgot_email" class="form-control" placeholder="{{ _('Email Address') }}"
+					required autofocus>
+				<button class="btn btn-sm btn-primary btn-block btn-forgot"
+					type="submit">{{ _("Reset Password") }}</button>
+			</form>
+		</div>
+		<div class='form-footer'>
+			<a href="#login">{{ _("Back to Login") }}</a>
+		</div>
+	</section>
 </div>
 {% endblock %}
 
 {% block script %}
-	<script>{% include "templates/includes/login/login.js" %}</script>
+<script>{% include "templates/includes/login/login.js" %}</script>
 {% endblock %}
 
-{% block sidebar %}{% endblock %}
+{% block sidebar %}{% endblock %}
\ No newline at end of file