Add form padding mixin & update intro text

This commit is contained in:
sonny 2020-05-23 11:59:37 +02:00
parent ae56d6d76b
commit 0a3abab6bc
3 changed files with 12 additions and 3 deletions

View file

@ -1,3 +1,5 @@
@import "mixin.scss";
.form { .form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -39,20 +41,24 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 15px; @include form-padding;
} }
&__actions { &__actions {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 15px; @include form-padding;
} }
&__title { &__title {
font-size: 18px; font-size: 18px;
} }
&__intro {
@include form-padding;
}
& .favicon { & .favicon {
height: 20px; height: 20px;
} }

View file

@ -0,0 +1,3 @@
@mixin form-padding {
padding: 15px;
}

View file

@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block intro %} {% block intro %}
<p> <p class="form__intro">
{% blocktrans %} {% blocktrans %}
Forgot your password? Enter your email in the form below and we'll send you Forgot your password? Enter your email in the form below and we'll send you
instructions for creating a new one. instructions for creating a new one.