From b7846ec5fed141821392ce3d5bf259972eb31e91 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 6 Jan 2022 16:14:25 +0200
Subject: [PATCH] Seeds page visual tweaks

---
 app/routes/to/$organization.$tournament/seeds.tsx | 5 ++---
 app/styles/tournament-seeds.css                   | 9 ++++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

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 (
     <Form method="post" className="tournament__seeds__form">
-      <input type="hidden" name="_action" value="UPDATE_SEEDS" />
       <input type="hidden" name="tournamentId" value={tournamentId} />
       <input type="hidden" name="seeds" value={JSON.stringify(teamOrder)} />
       <Alert
@@ -206,7 +205,7 @@ function SeedAlert({
   );
 }
 
-const RowContents = React.memo(function RowContents({
+function RowContents({
   team,
   seed,
 }: {
@@ -228,6 +227,6 @@ const RowContents = React.memo(function RowContents({
       </ol>
     </>
   );
-});
+}
 
 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;
+  }
+}