diff --git a/tournaments/static/tournaments/css/tournament_bracket.css b/tournaments/static/tournaments/css/tournament_bracket.css index 40c9913..a030969 100644 --- a/tournaments/static/tournaments/css/tournament_bracket.css +++ b/tournaments/static/tournaments/css/tournament_bracket.css @@ -61,6 +61,23 @@ justify-content: center; } +.match-time-indication { + position: absolute; + color: #fff; + left: 50%; /* Center horizontally */ + transform: translateX(-50%); /* Center it exactly */ + text-align: center; + font-weight: bold; + width: 100%; /* Change from 100% to auto */ + padding: 0px 0px; + + white-space: nowrap; /* Prevent text from wrapping */ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + .round-title.broadcast-mode { font-size: 0.8em; width: auto; /* Change from 100% to auto */ diff --git a/tournaments/static/tournaments/js/tournament_bracket.js b/tournaments/static/tournaments/js/tournament_bracket.js index 81be6fc..2b75b47 100644 --- a/tournaments/static/tournaments/js/tournament_bracket.js +++ b/tournaments/static/tournaments/js/tournament_bracket.js @@ -347,7 +347,7 @@ function renderBracket(options) { } matchDiv.style.setProperty( "--semi-final-distance", - `${baseDistance / 2}px`, + `${baseDistance / 2.3}px`, ); matchDiv.style.setProperty( diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html b/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html index 53f4894..64f6ef9 100644 --- a/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html +++ b/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html @@ -158,8 +158,15 @@ // Create the match content using our HTML generator template.innerHTML = `