Fix solved table sizing (#75)

cheehongw · web-flow · commit e4d42bf0bd8d · 2023-11-15T16:17:19.000+08:00
diff --git a/frontend/src/components/SolvedTable/SolvedTable.component.tsx b/frontend/src/components/SolvedTable/SolvedTable.component.tsx
@@ -60,7 +60,7 @@ export const SolvedTable = (props: TableProp) => {
           boxShadow: "xl",
         }}
         width="100%"
-        sx={{ tableLayout: "fixed" }}
+        sx={{ tableLayout: "auto" }}
       >
         <TableCaption>
           <Center>
diff --git a/frontend/src/pages/ProfilePage.tsx b/frontend/src/pages/ProfilePage.tsx
@@ -59,7 +59,7 @@ export default function ProfilePage() {
               )}
             </Flex>
           </Box>
-          <Box w="55%">
+          <Box w="65%">
             <ProgressBar />
             <SolvedTable pageSize={3} />
           </Box>

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@ export const SolvedTable = (props: TableProp) => {`
`60`	`60`	`boxShadow: "xl",`
`61`	`61`	`}}`
`62`	`62`	`width="100%"`
`63`		`- sx={{ tableLayout: "fixed" }}`
	`63`	`+ sx={{ tableLayout: "auto" }}`
`64`	`64`	`>`
`65`	`65`	`<TableCaption>`
`66`	`66`	`<Center>`