Fix standings dashboard for swiss (#1020)

evroon · Nov 21, 2024 · 1fc9a1c · 1fc9a1c
1 parent 4943752
commit 1fc9a1c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/frontend/src/components/dashboard/layout.module.css b/frontend/src/components/dashboard/layout.module.css
@@ -1,20 +1,23 @@
 .header {
-  height: rem(56px);
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
   width: 100%;
   background-color: var(--mantine-color-body);
   border-bottom: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
 }
 
 .inner {
-  display: flex;
+  @media (min-width: 25rem) {
+    display: flex;
+  }
   margin: auto;
   height: 100%;
   align-items: center;
   justify-content: space-between;
 }
 
 .links {
-  display: flex;
+  min-width: 11rem;
   flex-direction: column;
   justify-content: space-between;
 }

diff --git a/frontend/src/components/dashboard/layout.tsx b/frontend/src/components/dashboard/layout.tsx
@@ -102,12 +102,10 @@ export function DoubleHeader({ tournamentData }: { tournamentData: Tournament })
   return (
     <header className={classes.header}>
       <Container className={classes.inner}>
-        <UnstyledButton
-          onClick={() => {
-            router.push(`/tournaments/${endpoint}/dashboard`);
-          }}
-        >
-          <Title size="lg">{tournamentData.name}</Title>
+        <UnstyledButton component={Link} href={`/tournaments/${endpoint}/dashboard`}>
+          <Title size="lg" lineClamp={1}>
+            {tournamentData.name}
+          </Title>
         </UnstyledButton>
         <Box className={classes.links}>
           <Group gap={0} className={classes.mainLinks}>

diff --git a/frontend/src/components/tables/standings.tsx b/frontend/src/components/tables/standings.tsx
@@ -41,7 +41,7 @@ export function StandingsTableForStageItem({
             {formatStageItemInput(team_with_input, stageItemsLookup)}
           </Text>
         </Table.Td>
-        <Table.Td visibleFrom="sm" style={{ minWidth: '6rem' }}>
+        <Table.Td visibleFrom="sm" style={{ minWidth: '8rem' }}>
           <Text truncate="end" lineClamp={1} inherit>
             {team_with_input.points}
           </Text>