From 0febe0af9b9e24b5984fe4fff7a7c4af83893dab Mon Sep 17 00:00:00 2001
From: Dorian Zedler <dorian@itsblue.de>
Date: Wed, 10 Aug 2022 20:46:13 +0200
Subject: [PATCH] Style: Make qualification result smaller and startnumber
 bigger

---
 src/pages/SpeedFlowchartPage.tsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/pages/SpeedFlowchartPage.tsx b/src/pages/SpeedFlowchartPage.tsx
index fc2c9ff..6aef5dd 100644
--- a/src/pages/SpeedFlowchartPage.tsx
+++ b/src/pages/SpeedFlowchartPage.tsx
@@ -150,7 +150,7 @@ export default function SpeedFlowchartPage() {
                         padding: '10px !important',
                       }}
                     >
-                      <Grid container spacing={2}>
+                      <Grid container spacing={2} alignItems='center'>
                         {[
                           ['A', pair.laneA],
                           ['B', pair.laneB],
@@ -169,15 +169,22 @@ export default function SpeedFlowchartPage() {
                           };
                           return (
                             <>
-                              <Grid sx={gridItemStyle} xs={1} item>
-                                <Typography sx={textStyle}>
-                                  {lane?.participant.results[0].rank}{' '}
+                              <Grid sx={gridItemStyle} xs={0.6} item>
+                                <Typography
+                                  sx={{
+                                    fontWeight: 'bold',
+                                    fontSize: '17px',
+                                    color: theme.palette.text.secondary,
+                                  }}
+                                >
+                                  {lane?.participant.results[0].rank}
                                 </Typography>
                               </Grid>
 
                               <Grid
                                 sx={{ ...gridItemStyle, display: 'flex' }}
                                 xs={8.5}
+                                alignItems='center'
                                 item
                               >
                                 <Typography
@@ -195,8 +202,9 @@ export default function SpeedFlowchartPage() {
                                 <Chip
                                   label={lane?.participant.startNumber}
                                   sx={{
-                                    height: '26px',
                                     marginLeft: '10px',
+                                    fontWeight: 'bold',
+                                    fontSize: '17px',
                                   }}
                                   variant='outlined'
                                 />