From 13bb44e4f8ac7500d30fd8f839f20850ffb6ea24 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Sun, 6 Mar 2022 17:03:15 +0100
Subject: [PATCH] Login form style fixes

---
 changedetectionio/static/styles/styles.css  |  5 +++++
 changedetectionio/static/styles/styles.scss | 10 ++++++++++
 changedetectionio/templates/login.html      |  3 +--
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index f31e96d8..a12bab5c 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -385,6 +385,11 @@ and also iPads specifically.
 .pure-form-stacked > div:first-child {
   display: block; }
 
+.login-form .inner {
+  background: #fff;
+  padding: 20px;
+  border-radius: 5px; }
+
 .edit-form {
   min-width: 70%; }
   .edit-form .tab-pane-inner {
diff --git a/changedetectionio/static/styles/styles.scss b/changedetectionio/static/styles/styles.scss
index 2871338f..af3d29ac 100644
--- a/changedetectionio/static/styles/styles.scss
+++ b/changedetectionio/static/styles/styles.scss
@@ -542,6 +542,16 @@ $form-edge-padding: 20px;
     display: block;
   }
 }
+
+.login-form {
+  .inner {
+    background: #fff;;
+    padding: $form-edge-padding;
+    border-radius: 5px;
+  }
+}
+
+
 .edit-form {
   min-width: 70%;
   .tab-pane-inner {
diff --git a/changedetectionio/templates/login.html b/changedetectionio/templates/login.html
index 6bcbdbd3..32259930 100644
--- a/changedetectionio/templates/login.html
+++ b/changedetectionio/templates/login.html
@@ -1,8 +1,7 @@
 {% extends 'base.html' %}
 
 {% block content %}
-<div class="edit-form">
-
+<div class="login-form">
  <div class="inner">
     <form class="pure-form pure-form-stacked" action="{{url_for('login')}}" method="POST">
         <fieldset>