From 2b0bb63e7402a414ded773f6ef9f1c308162176f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christoffer=20Rydest=C3=A5hl?= <kristoffer@oholics.com>
Date: Sun, 16 Jun 2024 19:06:12 +0200
Subject: [PATCH] added some padding.

---
 src/pages/event/[post].astro | 5 +++--
 src/pages/styrelsen.astro    | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/event/[post].astro b/src/pages/event/[post].astro
index 409a59d..c4e46eb 100644
--- a/src/pages/event/[post].astro
+++ b/src/pages/event/[post].astro
@@ -15,7 +15,7 @@ export async function getStaticPaths() {
         allBlogPosts {
           id
           title
-          body
+          body(markdown: true)
           eventStartDate
           image {
             url
@@ -68,7 +68,7 @@ const { post } = Astro.props
       <div class="container">
         <h2>{post.title}</h1><br />
         <p>Evenemanget startar: {post.eventStartDate}</p><br />
-        <p class="text-1xl pb-8">{post.body}</p>
+        <div set:html={post.body} />
       </div>
     </section>
   </div>
@@ -78,6 +78,7 @@ const { post } = Astro.props
 <style lang="scss">
   .container {
     margin: 1rem auto;
+    padding-bottom: 1rem;
   }
   ul {
     display: grid;
diff --git a/src/pages/styrelsen.astro b/src/pages/styrelsen.astro
index 00c06a6..12beec0 100644
--- a/src/pages/styrelsen.astro
+++ b/src/pages/styrelsen.astro
@@ -41,7 +41,7 @@ const { page } = Astro.props
       {
         data.map((post) => (
           <div class="container-content flex flex-col items-center border bg-gray-100 bg-white bg-opacity-80">
-            <Image src={post.img.url} alt="A bird." width="314" height="314" class="" />
+            <img src={post.img.url} alt={post.name} width="314" height="314" />
             <h2 class="text-center">{post.name}</h2>
             <p class="text-center">{post.description}</p>
           </div>