diff --git a/en_chapters/frontpage.html b/en_chapters/frontpage.html
index eb357b7..a18cd7f 100644
--- a/en_chapters/frontpage.html
+++ b/en_chapters/frontpage.html
@@ -60,11 +60,23 @@ h2.toc {
align-items: flex-start;
row-gap: calc(24px + 1.5em);
}
-.authors .mdl-cell {
+.authors .mdl-cell:not(.author-group-title) {
display: flex;
align-items: flex-start;
justify-content: center;
}
+.author-group-title {
+ display: block;
+ width: 100%;
+}
+.author-group-title h3,
+.author-group-title h4 {
+ width: 100%;
+ margin: 0 0 0.75em;
+}
+.author-group-title h4:last-child {
+ margin-bottom: 0;
+}
.authors h4 {
width: 100%;
}
diff --git a/tests/test_prepare_mdbook.py b/tests/test_prepare_mdbook.py
index 98d330f..3a5324a 100644
--- a/tests/test_prepare_mdbook.py
+++ b/tests/test_prepare_mdbook.py
@@ -220,6 +220,15 @@ Reference :cite:`smith2024`.
self.assertIn("height: 120px;", frontpage)
self.assertIn("object-fit: cover;", frontpage)
+ def test_english_frontpage_footer_titles_are_stacked_not_flex_columns(self) -> None:
+ frontpage = (REPO_ROOT / "en_chapters" / "frontpage.html").read_text(encoding="utf-8")
+
+ self.assertIn(".authors .mdl-cell:not(.author-group-title) {", frontpage)
+ self.assertIn(".author-group-title {", frontpage)
+ self.assertIn("display: block;", frontpage)
+ self.assertIn(".author-group-title h3,", frontpage)
+ self.assertIn("width: 100%;", frontpage)
+
if __name__ == "__main__":
unittest.main()