update bracket

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 {
+.round-name.button {
-    color: orange;
+    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 {