From fe5d1078c900413977b3f70ee77a3ce3a202b00e Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 24 Jan 2022 08:55:53 +0200
Subject: [PATCH] Fix visual of match line when "top-only"

---
 app/styles/tournament-bracket.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/styles/tournament-bracket.css b/app/styles/tournament-bracket.css
index 4d20c6107..ea8a5d95d 100644
--- a/app/styles/tournament-bracket.css
+++ b/app/styles/tournament-bracket.css
@@ -378,6 +378,17 @@
   transform: translate(-50%, -50%);
 }
 
+.top-only::after {
+  position: absolute;
+  top: 75%;
+  right: -4px;
+  width: 3px;
+  height: 60%;
+  background: var(--bg);
+  content: "";
+  transform: translate(-50%, -50%);
+}
+
 @media screen and (min-width: 480px) {
   .tournament-bracket__infos {
     flex-direction: row;