From 53dd3893965578fc9b2e05afa23519ae5345e7e0 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 19 May 2023 11:40:29 +0300
Subject: [PATCH] Show tournament match identifying labels

---
 app/features/tournament-bracket/brackets-viewer.css        | 6 ++++++
 app/features/tournament-bracket/routes/to.$id.brackets.tsx | 1 +
 2 files changed, 7 insertions(+)

diff --git a/app/features/tournament-bracket/brackets-viewer.css b/app/features/tournament-bracket/brackets-viewer.css
index dc62352e5..97a8d67e1 100644
--- a/app/features/tournament-bracket/brackets-viewer.css
+++ b/app/features/tournament-bracket/brackets-viewer.css
@@ -46,3 +46,9 @@
 .brackets-viewer h1 {
   display: none;
 }
+
+.brackets-viewer .opponents > span {
+  background-color: var(--bg-light-variation);
+  top: -11px;
+  color: var(--text-lighter);
+}
diff --git a/app/features/tournament-bracket/routes/to.$id.brackets.tsx b/app/features/tournament-bracket/routes/to.$id.brackets.tsx
index 4a7bf6fc2..91e052a00 100644
--- a/app/features/tournament-bracket/routes/to.$id.brackets.tsx
+++ b/app/features/tournament-bracket/routes/to.$id.brackets.tsx
@@ -178,6 +178,7 @@ export default function TournamentBracketsPage() {
 
           return undefined;
         },
+        separatedChildCountLabel: true,
       }
     );