From 7c5a31a162eb6664eff665e0cfadc089188a5e8f Mon Sep 17 00:00:00 2001
From: Joris
Date: Sun, 4 Sep 2022 11:31:07 +0200
Subject: Remove inline styling for category colors

Also stop changing color of select options, because it does not work
reliably accross browsers.
---
 templates/payment/table.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'templates/payment/table.html')

diff --git a/templates/payment/table.html b/templates/payment/table.html
index fc69b2d..450d84b 100644
--- a/templates/payment/table.html
+++ b/templates/payment/table.html
@@ -81,10 +81,12 @@
               {{ payment.cost | euros() }}
             </span>
             <span class="g-Table__Cell">{{ payment.user }}</span>
-            <span class="g-Table__Cell g-Media__Large">
-              <span style="color: {{ payment.category_color }}">
-                {{ payment.category_name }}
-              </span>
+            <span 
+              class="g-Table__Cell g-Media__Large"
+              is="colored-category" 
+              data-color="{{ payment.category_color }}"
+            >
+              {{ payment.category_name }}
             </span>
             {% if query.frequency != "Monthly" %}
               <span class="g-Table__Cell">
-- 
cgit v1.2.3