Fixed portal scoreboard styling

FIRSTIsrael · Feb 5, 2025 · 9cd120c · 9cd120c
1 parent f6a357d
commit 9cd120c
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/apps/portal/components/scoreboard-grid.tsx b/apps/portal/components/scoreboard-grid.tsx
@@ -30,6 +30,15 @@ const ScoreboardGrid: React.FC<ScoreboardGridProps> = ({ data }) => {
   const sortedTeamData = teamData.sort((a, b) => compareScoreArrays(a.scores, b.scores));
 
   const columns: GridColDef<(typeof data)[number]>[] = [
+    {
+      field: 'rank',
+      headerName: 'מקום',
+      width: isDesktop ? 75 : 50,
+      sortable: true,
+      valueGetter: (_, row) => {
+        return sortedTeamData?.findIndex(teamData => teamData.team.number === row.team.number) + 1;
+      }
+    },
     {
       field: 'teamName',
       headerName: 'קבוצה',
@@ -41,20 +50,8 @@ const ScoreboardGrid: React.FC<ScoreboardGridProps> = ({ data }) => {
         return `#${row.team.number}`;
       }
     },
-    {
-      field: 'rank',
-      type: 'number',
-      headerName: 'מקום',
-      width: isDesktop ? 150 : 100,
-      sortable: true,
-      sortComparator: scoreComparator,
-      valueGetter: (_, row) => {
-        return sortedTeamData?.findIndex(teamData => teamData.team.number === row.team.number) + 1;
-      }
-    },
     {
       field: 'maxScore',
-      type: 'number',
       headerName: 'ניקוד',
       width: isDesktop ? 150 : 100,
       sortable: true,
@@ -97,6 +94,7 @@ const ScoreboardGrid: React.FC<ScoreboardGridProps> = ({ data }) => {
             }
           }
         }}
+        sx={{ textAlign: 'left' }}
         disableColumnMenu
       />
     </ThemeProvider>