diff --git a/src/newsreader/scss/components/form/_form.scss b/src/newsreader/scss/components/form/_form.scss index ab1f27c..19e9d4b 100644 --- a/src/newsreader/scss/components/form/_form.scss +++ b/src/newsreader/scss/components/form/_form.scss @@ -1,3 +1,5 @@ +@import "mixin.scss"; + .form { display: flex; flex-direction: column; @@ -39,20 +41,24 @@ display: flex; flex-direction: row; - padding: 15px; + @include form-padding; } &__actions { display: flex; flex-direction: row; - padding: 15px; + @include form-padding; } &__title { font-size: 18px; } + &__intro { + @include form-padding; + } + & .favicon { height: 20px; } diff --git a/src/newsreader/scss/components/form/_mixin.scss b/src/newsreader/scss/components/form/_mixin.scss new file mode 100644 index 0000000..4f55a9e --- /dev/null +++ b/src/newsreader/scss/components/form/_mixin.scss @@ -0,0 +1,3 @@ +@mixin form-padding { + padding: 15px; +} diff --git a/src/newsreader/templates/password-reset/password-reset-form.html b/src/newsreader/templates/password-reset/password-reset-form.html index 91c9d99..e423560 100644 --- a/src/newsreader/templates/password-reset/password-reset-form.html +++ b/src/newsreader/templates/password-reset/password-reset-form.html @@ -2,7 +2,7 @@ {% load i18n %} {% block intro %} -

+

{% blocktrans %} Forgot your password? Enter your email in the form below and we'll send you instructions for creating a new one.