From d35022d31ccec97058b251138ac58b52d8db6e25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Hells=C3=A9n?= <tlovinator@gmail.com>
Date: Mon, 19 Dec 2022 23:40:22 +0100
Subject: [PATCH] Make /webhooks sexier, make white things darker and button to
 link

---
 discord_rss_bot/templates/webhooks.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/discord_rss_bot/templates/webhooks.html b/discord_rss_bot/templates/webhooks.html
index e985f54..6c4fdb5 100644
--- a/discord_rss_bot/templates/webhooks.html
+++ b/discord_rss_bot/templates/webhooks.html
@@ -4,28 +4,29 @@
     <div class="p-2 border border-dark">
         <form action="/add_webhook" method="post">
             {# Webhook name #}
-            <div class="row mb-6">
+            <div class="row pb-2">
                 <label for="webhook_name" class="col-sm-2 col-form-label">Webhook Name</label>
                 <div class="col-sm-10">
-                    <input name="webhook_name" type="text" class="form-control" id="webhook_name"
+                    <input name="webhook_name" type="text" class="form-control bg-dark border-dark text-muted"
+                           id="webhook_name"
                            placeholder="TheLovinator #RSS">
                 </div>
             </div>
 
             {# Webhook URL #}
-            <div class="row mb-6">
+            <div class="row pb-2">
                 <label for="webhook_url" class="col-sm-2 col-form-label">Webhook URL</label>
                 <div class="col-sm-10">
-                    <input name="webhook_url" type="text" class="form-control" id="webhook_url"
+                    <input name="webhook_url" type="text" class="form-control bg-dark border-dark text-muted"
+                           id="webhook_url"
                            placeholder="https://discord.com/api/webhooks/1011224189471124054/CQMa4hJN4gz...">
                 </div>
             </div>
 
             {# Submit button #}
-            <div class="col-auto">
-                <button type="submit" class="btn btn-primary">Add webhook</button>
+            <div class="d-md-flex">
+                <a type="submit" class="btn btn-dark btn-sm">Add webhook</a>
             </div>
-
         </form>
     </div>