Change font size of card descriptions

stuysu · Dec 9, 2024 · 5191fe7 · 5191fe7
1 parent 84d8895
commit 5191fe7
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/src/comps/pages/catalog/OrgCard.tsx b/src/comps/pages/catalog/OrgCard.tsx
@@ -14,7 +14,6 @@ const OrgCard = ({ organization }: { organization: Partial<Organization> }) => {
                 borderRadius: "7px",
                 cursor: "pointer",
                 transition: "0.2s background ease-out",
-                justifyContent: "space-between",
                 "&:hover": {
                     background: theme.colorMode
                         ? "rgba(255, 255, 255, 0.2)"
@@ -26,6 +25,7 @@ const OrgCard = ({ organization }: { organization: Partial<Organization> }) => {
                 flexDirection: "column",
                 overflow: "hidden",
                 padding: "20px",
+                justifyContent: "flex-start"
             }}
             onClick={() => {
                 navigate(`/${organization.url}`);
@@ -72,24 +72,21 @@ const OrgCard = ({ organization }: { organization: Partial<Organization> }) => {
             <Box
                 sx={{
                     width: "100%",
-                    overflow: "hidden",
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "flex-start",
+                    marginTop: "20px",
                 }}
             >
                 <Typography
                     variant="body1"
                     align="center"
-                    fontSize={20}
+                    fontSize={25}
                     sx={{
                         textAlign: "center",
                         overflow: "hidden",
                         textOverflow: "ellipsis",
                         whiteSpace: "normal",
                         display: "-webkit-box",
                         WebkitBoxOrient: "vertical",
-                        WebkitLineClamp: 9,
+                        WebkitLineClamp: 7,
                     }}
                 >
                     {organization.purpose}