From 1fc9a1c6aebe7caaca629045e80ac0b04b8f9924 Mon Sep 17 00:00:00 2001
From: Erik Vroon <erik.vroon22@gmail.com>
Date: Thu, 21 Nov 2024 20:52:38 +0100
Subject: [PATCH] Fix standings dashboard for swiss (#1020)

---
 frontend/src/components/dashboard/layout.module.css |  9 ++++++---
 frontend/src/components/dashboard/layout.tsx        | 10 ++++------
 frontend/src/components/tables/standings.tsx        |  2 +-
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/dashboard/layout.module.css b/frontend/src/components/dashboard/layout.module.css
index ca807cbf6..eff5a0f64 100644
--- a/frontend/src/components/dashboard/layout.module.css
+++ b/frontend/src/components/dashboard/layout.module.css
@@ -1,12 +1,15 @@
 .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;
@@ -14,7 +17,7 @@
 }
 
 .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
index d484ec924..7945bf7c1 100644
--- 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
index 836eaa42e..02d2f6472 100644
--- 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>