From 8852e7b5bdc3e2b33bb8daf9a2c45ded1a782a51 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Tue, 26 May 2026 16:50:37 +0200
Subject: [PATCH] Footer styles

---
 src/back/routes/common/footer.css | 7 ++++++-
 src/back/routes/common/footer.tsx | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/back/routes/common/footer.css b/src/back/routes/common/footer.css
index 83442aa..1bf2316 100644
--- a/src/back/routes/common/footer.css
+++ b/src/back/routes/common/footer.css
@@ -16,18 +16,23 @@ footer {
 		margin: 0;
 		padding: 0;
 		display: flex;
-		gap: 16px;
+		flex-flow: row wrap;
+		column-gap: 16px;
 		justify-content: center;
 		align-items: center;
 
 		li {
 			list-style: none;
+			display: inline-flex;
+			flex-basis: 100px;
+			justify-content: center;
 
 			a {
 				text-decoration: none;
 				color: var(--color-brand-text-on-accent2);
 				font-weight: bold;
 				padding: 16px 8px;
+				white-space: nowrap;
 
 				&:hover {
 					text-decoration: underline;
diff --git a/src/back/routes/common/footer.tsx b/src/back/routes/common/footer.tsx
index a5be1e9..a8c2200 100644
--- a/src/back/routes/common/footer.tsx
+++ b/src/back/routes/common/footer.tsx
@@ -1,3 +1,4 @@
+import { insert_nbsp } from "@sealcode/jdd";
 import type { Context } from "koa";
 import { TempstreamJSX } from "tempstream";
 
@@ -18,7 +19,7 @@ export default async function footer(ctx: Context) {
 				</li>
 				{linkData.map((link) => (
 					<li>
-						<a href={link.url}>{link.text}</a>
+						<a href={link.url}>{insert_nbsp(link.text || "")}</a>
 					</li>
 				))}
 			</ul>