From 902a3611b143e77c793646f19d209a2ed3777a51 Mon Sep 17 00:00:00 2001
From: AlexBocken <alexander@bocken.org>
Date: Fri, 14 Jul 2023 14:34:15 +0200
Subject: [PATCH] rearrange tags

---
 src/routes/rezepte/[name]/+page.svelte | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/routes/rezepte/[name]/+page.svelte b/src/routes/rezepte/[name]/+page.svelte
index d5a5941..63f670d 100644
--- a/src/routes/rezepte/[name]/+page.svelte
+++ b/src/routes/rezepte/[name]/+page.svelte
@@ -79,6 +79,9 @@ h1{
 	flex-wrap: wrap;
 	gap: 1em;
 }
+.center{
+	justify-content: center;
+}
 .tag{
 	all:unset;
 	color: var(--nord0);
@@ -195,13 +198,18 @@ h4{
     }
   }
 
+.description{
+	text-align: center;
+	margin-bottom: 2em;
+	margin-top: -0.5em;
+}
 </style>
 <TitleImgParallax src={hero_img_src} {placeholder_src}>
 	<div class=title>
 		<a class="icon" href='/rezepte/icon/{data.icon}'>{data.icon}</a>
 		<h1>{@html data.name}</h1>
 		{#if data.description && ! data.preamble}
-			<p>{data.description}</p>
+			<p class=description>{data.description}</p>
 		{/if}
 		{#if data.preamble}
 			<p>{@html data.preamble}</p>
@@ -213,7 +221,7 @@ h4{
 			{/each}
 		</div>
 		<h4>Stichwörter:</h4>
-		<div class=tags>
+		<div class="tags center">
 			{#each data.tags as tag}
 				<a class=tag href="/rezepte/tag/{tag}">{tag}</a>
 			{/each}