From 5f2b4c19d6921f30dcaa6b39730ed9f1e7c22e03 Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Thu, 13 Mar 2025 08:49:40 +0100
Subject: [PATCH] update bracket

---
 .../tournaments/tournament_bracket.html       | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/tournaments/templates/tournaments/tournament_bracket.html b/tournaments/templates/tournaments/tournament_bracket.html
index 0a883a4..b334bfd 100644
--- a/tournaments/templates/tournaments/tournament_bracket.html
+++ b/tournaments/templates/tournaments/tournament_bracket.html
@@ -93,13 +93,13 @@ function renderBracket() {
         if (roundIndex == finalRoundIndex || roundIndex == finalRoundIndex - 1 && displayLoserFinal ||roundIndex == finalRoundIndex + 1 && displayLoserFinal) {
         } else {
           nameSpan = document.createElement('a');
-          nameSpan.className = 'round-name btn small-button';
+          nameSpan.className = 'round-name';
+          nameSpan.classList.add('button');
           nameSpan.textContent = matchGroupName;
           if (roundId) {
               nameSpan.href = `/tournament/${tournamentId}/round/${roundId}/bracket/`;
               nameSpan.style.cursor = 'pointer';
           }
-          nameSpan.style.textDecoration = 'None';
         }
 
         const formatSpan = document.createElement('div');
@@ -372,23 +372,27 @@ function renderBracket() {
 }
 
 .round-name {
+    color: #707070;
     font-size: 1.5em;
-    margin-bottom: 5px;
-    transition: color 0.2s;
-
-    margin-right: 6px;
     padding: 8px 12px;
-    border-radius: 12px;
-    font-size: 12px;
 }
 
-.round-name a:hover {
-    color: orange;
+.round-name.button {
+    border-radius: 16px;
+    width: 100%;
+    display: inline-block;
+    background-color: #fae7ce;
+}
+
+.button:hover {
+    color: white;
+    background-color: #f39200;
 }
 
 .round-format {
     font-size: 0.9em;
     color: #707070;
+    margin-top: -10px;
 }
 
 .matches-container {