From 4dc0862f860d78530a7235a711f2f7be4b78a87d Mon Sep 17 00:00:00 2001
From: Michael Vasseur <14887731+vmcj@users.noreply.github.com>
Date: Wed, 30 Aug 2023 19:00:25 +0200
Subject: [PATCH] Replace inline style with internal

Better would be in an actual stylesheet but as we generate these
dynamicly this is the best option for now. For the other one its minor
enough for the basic stylesheet.
---
 webapp/public/style_domjudge.css                     | 5 +++++
 webapp/templates/partials/scoreboard_table.html.twig | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/webapp/public/style_domjudge.css b/webapp/public/style_domjudge.css
index 8884a7441e6..a0d1b24e905 100644
--- a/webapp/public/style_domjudge.css
+++ b/webapp/public/style_domjudge.css
@@ -630,3 +630,8 @@ blockquote {
     padding-left: .5em;
     color: darkgrey;
 }
+
+.category-best {
+    margin-right: 2em;
+    font-weight: normal;
+}
\ No newline at end of file
diff --git a/webapp/templates/partials/scoreboard_table.html.twig b/webapp/templates/partials/scoreboard_table.html.twig
index 84fcb201384..7e2ab040239 100644
--- a/webapp/templates/partials/scoreboard_table.html.twig
+++ b/webapp/templates/partials/scoreboard_table.html.twig
@@ -201,7 +201,7 @@
                 <a {% if extra is not null %}{{ extra | raw }}{% endif %} {% if link is not null %}href="{{ link }}"{% endif %}>
                     <span class="forceWidth">
                         {% if usedCategories | length > 1 and scoreboard.bestInCategory(score.team, limitToTeamIds) %}
-                            <span class="badge text-bg-warning" style="margin-right: 2em; font-weight: normal;">
+                            <span class="badge text-bg-warning category-best">
                             {{ score.team.category.name }}
                         </span>
                         {% endif %}
@@ -330,7 +330,7 @@
             </thead>
             <tbody>
             {% for category in scoreboard.categories | filter(category => usedCategories[category.categoryid] is defined) %}
-                <tr {% if category.color %}style="background: {{ category.color }};"{% endif %}>
+                <tr {% if category.color %}class="cl{{ category.color | replace({"#": "_"}) }}"{% endif %}>
                     <td>
                         {% set link = null %}
                         {% if jury %}