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

---
 discord_rss_bot/templates/add.html      | 17 +++++++++--------
 discord_rss_bot/templates/webhooks.html |  2 +-
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/discord_rss_bot/templates/add.html b/discord_rss_bot/templates/add.html
index 6db2456..fde7224 100644
--- a/discord_rss_bot/templates/add.html
+++ b/discord_rss_bot/templates/add.html
@@ -4,19 +4,21 @@
     <div class="p-2 border border-dark">
         <form action="/add" method="post">
             {# Feed URL #}
-            <div class="row mb-4">
+            <div class="row pb-2">
                 <label for="feed_url" class="col-sm-2 col-form-label">Feed URL</label>
                 <div class="col-sm-10">
-                    <input name="feed_url" type="text" class="form-control" id="feed_url"
+                    <input name="feed_url" type="text" class="form-control bg-dark border-dark text-muted" id="feed_url"
                            placeholder="https://www.reddit.com/r/FreeGameFindings.rss">
                 </div>
             </div>
 
             {# Webhook dropdown #}
-            <div class="row mb-4">
-                <label for="webhook_dropdown" class="col-sm-2">Which webhook should we send entries to?</label>
+            <div class="row pb-2">
+                <label for="webhook_dropdown"
+                       class="col-sm-2 col-form-label">Which webhook should we send entries to?</label>
                 <div class="col-sm-10">
-                    <select class="col-auto form-select" id="webhook_dropdown" name="webhook_dropdown">
+                    <select class="col-auto form-select bg-dark border-dark text-muted" id="webhook_dropdown"
+                            name="webhook_dropdown">
                         <option selected>Choose webhook...</option>
                         {% for hook in webhooks %}
                             <option value="{{ hook.name }}">{{ hook.name }}</option>
@@ -26,10 +28,9 @@
             </div>
 
             {# Submit button #}
-            <div class="col-auto">
-                <button type="submit" class="btn btn-primary">Add feed</button>
+            <div class="d-md-flex">
+                <a type="submit" class="btn btn-dark btn-sm">Add feed</a>
             </div>
-
         </form>
     </div>
 {% endblock %}
\ No newline at end of file
diff --git a/discord_rss_bot/templates/webhooks.html b/discord_rss_bot/templates/webhooks.html
index 6c4fdb5..01c3fe3 100644
--- a/discord_rss_bot/templates/webhooks.html
+++ b/discord_rss_bot/templates/webhooks.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block title %} | Webhooks{% endblock %}
+{% block title %} | Add new webhook{% endblock %}
 {% block content %}
     <div class="p-2 border border-dark">
         <form action="/add_webhook" method="post">