Footer styles

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;

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>