From e589b441db4b0696b6e5831afe21bd9ebd9a5156 Mon Sep 17 00:00:00 2001
From: Leigh Morresi <275001+dgtlmoon@users.noreply.github.com>
Date: Sat, 30 Jan 2021 10:40:42 +0100
Subject: [PATCH] Tweak styling for 'new watch' form

---
 backend/static/css/styles.css         | 15 +++++++++++++--
 backend/templates/watch-overview.html |  4 ++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/backend/static/css/styles.css b/backend/static/css/styles.css
index 5f1a2c69..d1d381ff 100644
--- a/backend/static/css/styles.css
+++ b/backend/static/css/styles.css
@@ -175,5 +175,16 @@ color: #fff;
 }
 
 .pure-form label  {
-font-weight: bold;
-}
\ No newline at end of file
+  font-weight: bold;
+}
+
+#new-watch-form {
+    background: rgba(0,0,0,.05);
+    padding: 1em;
+    border-radius: 10px;
+    margin-bottom: 1em;
+}
+#new-watch-form legend {
+    color: #fff;
+}
+
diff --git a/backend/templates/watch-overview.html b/backend/templates/watch-overview.html
index c5d2de0a..28732a02 100644
--- a/backend/templates/watch-overview.html
+++ b/backend/templates/watch-overview.html
@@ -4,9 +4,9 @@
 
 <div class="box">
 
-    <form class="pure-form" action="/api/add" method="POST">
+    <form class="pure-form" action="/api/add" method="POST" id="new-watch-form">
         <fieldset>
-            <legend>Add new change detection watch</legend>
+            <legend>Add a new change detection watch</legend>
             <input type="url" placeholder="https://..." name="url"/>
             <input type="text" placeholder="tag" size="10" name="tag"/>
             <button type="submit" class="pure-button pure-button-primary">Watch</button>