fix(style): button width

GZTimeWalker · Jan 30, 2024 · 3b28bc6 · 3b28bc6
1 parent 84933ff
commit 3b28bc6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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>