🎨 Add flex-grow for article header (#305)

Co-authored-by: Rowan Cockett <[email protected]>
jupyter-book · Dec 20, 2023 · e84b56d · e84b56d
1 parent a0cd88e
commit e84b56d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/tasty-lemons-switch.md b/.changeset/tasty-lemons-switch.md
@@ -0,0 +1,5 @@
+---
+'@myst-theme/site': patch
+---
+
+Flex grow for article header
diff --git a/packages/site/src/components/Headers.tsx b/packages/site/src/components/Headers.tsx
@@ -84,7 +84,10 @@ export function ArticleHeader({
             <FrontmatterBlock
               frontmatter={rest}
               authorStyle="list"
-              className={classNames({ 'pt-4 px-6': frontmatter?.banner, ...positionFrontmatter })}
+              className={classNames('flex-grow', {
+                'pt-4 px-6': frontmatter?.banner,
+                ...positionFrontmatter,
+              })}
               hideBadges
               hideExports
             />