From 3b28bc639a399b952de3b3bf1ce5d5bd30226670 Mon Sep 17 00:00:00 2001
From: GZTime <Time.GZ@outlook.com>
Date: Tue, 30 Jan 2024 13:12:09 +0800
Subject: [PATCH] fix(style): button width

---
 src/GZCTF/ClientApp/src/components/WithGameMonitor.tsx    | 4 +++-
 src/GZCTF/ClientApp/src/pages/admin/games/[id]/Review.tsx | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/GZCTF/ClientApp/src/components/WithGameMonitor.tsx b/src/GZCTF/ClientApp/src/components/WithGameMonitor.tsx
index cbde25964..40fc43054 100644
--- a/src/GZCTF/ClientApp/src/components/WithGameMonitor.tsx
+++ b/src/GZCTF/ClientApp/src/components/WithGameMonitor.tsx
@@ -56,6 +56,8 @@ const WithGameMonitor: FC<WithGameMonitorProps> = ({ children, isLoading }) => {
           <Group position="apart" align="flex-start">
             <Stack>
               <Button
+                w="9rem"
+                styles={{ inner: { justifyContent: 'space-between' } }}
                 leftIcon={<Icon path={mdiFileTableOutline} size={1} />}
                 onClick={() => window.open(`/api/game/${numId}/scoreboardsheet`, '_blank')}
               >
@@ -87,7 +89,7 @@ const WithGameMonitor: FC<WithGameMonitorProps> = ({ children, isLoading }) => {
                 </Tabs.List>
               </Tabs>
             </Stack>
-            <Stack w="calc(100% - 11rem)" pos="relative">
+            <Stack w="calc(100% - 10rem)" pos="relative">
               <LoadingOverlay
                 visible={isLoading ?? false}
                 overlayOpacity={1}
diff --git a/src/GZCTF/ClientApp/src/pages/admin/games/[id]/Review.tsx b/src/GZCTF/ClientApp/src/pages/admin/games/[id]/Review.tsx
index 6abe45a1c..9c084b855 100644
--- a/src/GZCTF/ClientApp/src/pages/admin/games/[id]/Review.tsx
+++ b/src/GZCTF/ClientApp/src/pages/admin/games/[id]/Review.tsx
@@ -145,9 +145,9 @@ const ParticipationItem: FC<ParticipationItemProps> = (props) => {
                   })}
                 </Text>
               </Box>
-              <Box w="6em">
+              <Center w="6em">
                 <Badge color={part.color}>{part.title}</Badge>
-              </Box>
+              </Center>
             </Group>
           </Group>
         </Accordion.Control>