fix(ClassCard): use hyphens for long activity names

mathiazom · Mar 2, 2024 · 94c2402 · 94c2402
1 parent 4b24938
commit 94c2402
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/schedule/class/ClassCard.tsx b/src/components/schedule/class/ClassCard.tsx
@@ -132,11 +132,12 @@ const ClassCard = ({
                         },
                     }}
                 >
-                    <Box>
+                    <Box sx={{ maxWidth: "83%" }}>
                         <Typography
                             sx={{
                                 textDecoration: isInThePast || _class.isCancelled ? "line-through" : "none",
                                 fontSize: "1.05rem",
+                                hyphens: "auto",
                                 ...(showSelected ? { fontWeight: "bold" } : {}),
                             }}
                         >
@@ -209,7 +210,7 @@ const ClassCard = ({
                             </Box>
                         </Collapse>
                     </Box>
-                    <Box sx={{ display: "flex", flexDirection: "column", justifyContent: "space-between", ml: 0.5 }}>
+                    <Box sx={{ display: "flex", flexDirection: "column", justifyContent: "space-between" }}>
                         {_class.isCancelled ? (
                             <Tooltip title={"Timen er avlyst"}>
                                 <Badge