merge

tournaments/static/tournaments/css/style.css

@@ -719,6 +719,51 @@ h-margin {
     margin-left: auto;
 }
 
+.styled-link {
+    text-decoration: underline; /* Ensures the link is underlined */
+    color: #f39200; /* Use your main color variable if defined */
+    font-weight: bold; /* Optional: To make the link more prominent */
+}
+
+.styled-link:hover {
+    color: #f39200; /* Optional: Define a hover color */
+    text-decoration: none; /* Optional: Remove underline on hover */
+}
+
+.sup {
+    font-size: x-small;
+    vertical-align: super;
+}
+
+.alert {
+    color: #e84038; /* Make the text red */
+    font-weight: bold; /* Optional: Make the text bold */
+}
+
+.destructive-button {
+    background-color: #ff4d4d; /* Red background */
+    color: white; /* White text */
+}
+
+.destructive-button:hover {
+    background-color: #cc0000; /* Darker red on hover */
+    color: white; /* White text on hover */
+}
+.download-button {
+    margin-right: 6px;
+    color: #1a223a;
+    padding: 8px 12px;
+    background-color: white;
+    border-radius: 12px;
+    text-decoration: none;
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.download-button:hover {
+    color: orange;
+}
+
 .match-result a {
     text-decoration: none;
     color: inherit;

tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html

@@ -1,7 +1,7 @@
 <div class="dark_bubble">
 
     <div class="flex-row">
-        <label class="left-label matchtitle header"><span x-text="group_stage.group_stage_name"></span> <span x-text="group_stage.title"></span></label>
+        <label class="left-label matchtitle winner"><span x-text="group_stage.group_stage_name"></span> <span x-text="group_stage.title"></span></label>
     </div>
 
     <template x-for="i in group_stage.teams.length">

tournaments/templates/tournaments/group_stage_cell.html

@@ -4,7 +4,7 @@
             <div class="dark_bubble">
 
                 <div class="flex-row">
-                    <label class="left-label matchtitle header">{{ group_stage.title }}</label>
+                    <label class="left-label matchtitle winner">{{ group_stage.title }}</label>
                     <!-- <label class="right-label info">{{ match.date }}</label> -->
                 </div>