fix(site): Fix long template descriptions (coder#6403)

BrunoQuaresma · web-flow · commit 4dd95c5e0138 · 2023-03-01T17:53:59.000Z
diff --git a/site/src/components/PageHeader/PageHeader.tsx b/site/src/components/PageHeader/PageHeader.tsx
@@ -59,6 +59,7 @@ const useStyles = makeStyles((theme) => ({
     alignItems: "center",
     paddingTop: theme.spacing(6),
     paddingBottom: theme.spacing(6),
+    gap: theme.spacing(4),
 
     [theme.breakpoints.down("sm")]: {
       flexDirection: "column",
@@ -83,6 +84,7 @@ const useStyles = makeStyles((theme) => ({
     margin: 0,
     marginTop: ({ condensed }: { condensed?: boolean }) =>
       condensed ? theme.spacing(0.5) : theme.spacing(1),
+    lineHeight: "140%",
   },
 
   actions: {
diff --git a/site/src/theme/overrides.ts b/site/src/theme/overrides.ts
@@ -49,6 +49,7 @@ export const getOverrides = ({
         textTransform: "none",
         letterSpacing: "none",
         border: `1px solid ${palette.divider}`,
+        whiteSpace: "nowrap",
 
         "&:focus-visible": {
           outline: `2px solid ${palette.primary.dark}`,
