diff --git a/site/src/components/TableCellData/TableCellData.tsx b/site/src/components/TableCellData/TableCellData.tsx index f953766a83..aec8938640 100644 --- a/site/src/components/TableCellData/TableCellData.tsx +++ b/site/src/components/TableCellData/TableCellData.tsx @@ -37,5 +37,8 @@ const useStyles = makeStyles((theme) => ({ secondary: { fontSize: 12, color: theme.palette.text.secondary, + lineHeight: "140%", + marginTop: 2, + maxWidth: 540, }, })) diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx index f97e94456a..e45d6cf390 100644 --- a/site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx +++ b/site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx @@ -25,6 +25,11 @@ AllStates.args = { description: "😮 Wow, this one has a bunch of usage!", icon: "", }, + { + ...MockTemplate, + description: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ", + }, ], } diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx index 78b2dab783..00822761a9 100644 --- a/site/src/pages/TemplatesPage/TemplatesPageView.tsx +++ b/site/src/pages/TemplatesPage/TemplatesPageView.tsx @@ -115,10 +115,10 @@ export const TemplatesPageView: FC - {Language.nameLabel} - {Language.usedByLabel} - {Language.lastUpdatedLabel} - {Language.createdByLabel} + {Language.nameLabel} + {Language.usedByLabel} + {Language.lastUpdatedLabel} + {Language.createdByLabel}