Seeds page visual tweaks

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;

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;
+  }
+}