diff --git a/app/routes/to/$organization.$tournament/seeds.tsx b/app/routes/to/$organization.$tournament/seeds.tsx index 647ee4728..34dfc05e2 100644 --- a/app/routes/to/$organization.$tournament/seeds.tsx +++ b/app/routes/to/$organization.$tournament/seeds.tsx @@ -176,7 +176,6 @@ function SeedAlert({ return (
- ); -}); +} export const CatchBoundary = Catcher; diff --git a/app/styles/tournament-seeds.css b/app/styles/tournament-seeds.css index 772beb3fb..4fd75379d 100644 --- a/app/styles/tournament-seeds.css +++ b/app/styles/tournament-seeds.css @@ -59,11 +59,12 @@ display: flex; padding: 0; counter-reset: list; + gap: var(--s-2); + overflow-x: auto; } .tournament__seeds__members-list > li { list-style: none; - margin-inline-start: var(--s-3); white-space: nowrap; } @@ -72,3 +73,9 @@ content: counter(list) ") "; counter-increment: list; } + +@media screen and (min-width: 768px) { + .tournament__seeds__members-list { + overflow-x: visible; + } +}