Styling

ferrybig · Aug 21, 2024 · 59a46b9 · 59a46b9
1 parent a2a4ef1
commit 59a46b9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/app/_components/ArticleWrapper.module.css b/app/_components/ArticleWrapper.module.css
@@ -57,6 +57,11 @@
 .sectionHeading {
 	composes: sectionHeading from '../common.module.css';
 }
+.commentHeading {
+	composes: sectionHeading from '../common.module.css';
+	margin-left: 16px;
+	margin-right: 16px;
+}
 .markdown {
 	display: flow-root;
 	padding: 0 16px 16px;

diff --git a/app/_components/ArticleWrapper.tsx b/app/_components/ArticleWrapper.tsx
@@ -150,7 +150,7 @@ export default function ArticleWrapper({
 					</section>}
 					{commentStatus !== 'disabled' && <footer className={classes.displayContent}>
 						<Column className={classes.comments} margin>
-							<h1 id="article-comments" className={classes.sectionHeading}>Comments</h1>
+							<Heading level={1} id="article-comments" className={classes.commentHeading}>Comments</Heading>
 							<Comments/>
 						</Column>
 					</footer>}

diff --git a/app/_components/Column.module.css b/app/_components/Column.module.css
@@ -6,7 +6,8 @@
 	position: relative;
 }
 .padded {
-	padding: 16px;
+	padding: 0 16px 16px;
+	display: flow-root;
 }
 .margin {
 	margin-bottom: 16px;
@@ -30,7 +31,6 @@
 	box-shadow: 0 -24px 0 0 light-dark(#FFFFFF, #111111);
 }
 
-
 .attachedBottom {
 	composes: floatingLayers;
 	margin-bottom: -16px;