From 28b6edcdbd53af426e5bcfb1a148509e819efe8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Wed, 16 Aug 2023 15:07:30 +0200
Subject: [PATCH] Fix buttons in admin event cards

---
 .../AdminRoundListItem.jsx                    | 41 ++++++++++++-------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/client/src/components/admin/AdminCompetitionEvents/AdminRoundListItem.jsx b/client/src/components/admin/AdminCompetitionEvents/AdminRoundListItem.jsx
index b0bf2445..0dbdd01b 100644
--- a/client/src/components/admin/AdminCompetitionEvents/AdminRoundListItem.jsx
+++ b/client/src/components/admin/AdminCompetitionEvents/AdminRoundListItem.jsx
@@ -1,5 +1,6 @@
 import { Link as RouterLink } from "react-router-dom";
 import {
+  ListItem,
   ListItemButton,
   ListItemSecondaryAction,
   ListItemText,
@@ -23,22 +24,34 @@ function roundClearable(round, competitionEvent) {
 
 function AdminRoundListItem({ round, competitionEvent, competitionId }) {
   return (
-    <ListItemButton
+    <ListItem
       key={round.id}
-      component={RouterLink}
-      to={`/admin/competitions/${competitionId}/rounds/${round.id}`}
-      disabled={!round.open}
+      secondaryAction={
+        <ListItemSecondaryAction>
+          {roundOpenable(round, competitionEvent) && (
+            <OpenRoundButton
+              round={round}
+              competitionEvent={competitionEvent}
+            />
+          )}
+          {roundClearable(round, competitionEvent) && (
+            <ClearRoundButton
+              round={round}
+              competitionEvent={competitionEvent}
+            />
+          )}
+        </ListItemSecondaryAction>
+      }
+      disablePadding
     >
-      <ListItemText primary={round.name} />
-      <ListItemSecondaryAction>
-        {roundOpenable(round, competitionEvent) && (
-          <OpenRoundButton round={round} competitionEvent={competitionEvent} />
-        )}
-        {roundClearable(round, competitionEvent) && (
-          <ClearRoundButton round={round} competitionEvent={competitionEvent} />
-        )}
-      </ListItemSecondaryAction>
-    </ListItemButton>
+      <ListItemButton
+        component={RouterLink}
+        to={`/admin/competitions/${competitionId}/rounds/${round.id}`}
+        disabled={!round.open}
+      >
+        <ListItemText primary={round.name} />
+      </ListItemButton>
+    </ListItem>
   );
 }