From 8ee80429bfdbd7319621fa7d08ba11dea5b4b9d3 Mon Sep 17 00:00:00 2001
From: maartenvn <maartenvn.eu@gmail.com>
Date: Mon, 27 Jul 2020 17:57:52 +0200
Subject: [PATCH] Make 'Uitschrijven' button red to distinct enrolled events

---
 events/templates/events/registrations.html | 2 +-
 static/main.css                            | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/events/templates/events/registrations.html b/events/templates/events/registrations.html
index 6b2f599..38a6bc4 100644
--- a/events/templates/events/registrations.html
+++ b/events/templates/events/registrations.html
@@ -18,6 +18,6 @@
 	{% else %}
 		<p>Mijn status: {{ my_registration.state_str }}</p>
 		
-		<button type="submit">Uitschrijven</button>
+		<button class="cancel" type="submit">Uitschrijven</button>
 	{% endif %}
 </form>
diff --git a/static/main.css b/static/main.css
index 6f66815..0eec155 100644
--- a/static/main.css
+++ b/static/main.css
@@ -82,6 +82,15 @@ h1 a:hover, h1 a:focus, h1 a:active {
 	color: #e74c3c;
 }
 
+button.cancel {
+	background-color: #e74c3c;
+	color: white;
+}
+
+button:focus.cancel {
+	background-color: #c0392b;
+}
+
 /*change the layout of the navigation bar for all the screens
 that have a width less or equal than 500px*/