From 8de01ba03d0da1bf2286801aa1a238658e7f5f08 Mon Sep 17 00:00:00 2001
From: Lukas Kalbertodt <lukas.kalbertodt@gmail.com>
Date: Thu, 14 Nov 2024 12:10:39 +0100
Subject: [PATCH] Enable footer links to break into multiple lines

Before, when each footer link contained only a single word, it was
unable to break at all, resulting in horizontal scrolling on small
screens.
---
 frontend/src/layout/Footer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/layout/Footer.tsx b/frontend/src/layout/Footer.tsx
index 07eb9a19b..1c4007b88 100644
--- a/frontend/src/layout/Footer.tsx
+++ b/frontend/src/layout/Footer.tsx
@@ -20,8 +20,10 @@ export const Footer: React.FC = () => {
                 listStyle: "none",
                 margin: 0,
                 padding: 0,
+                display: "flex",
+                justifyContent: "center",
+                flexWrap: "wrap",
                 "& > li": {
-                    display: "inline",
                     "&:not(:first-child):before": {
                         content: "\"•\"",
                         color: COLORS.neutral60,