From 4acdb86e929e8f4db2233f28b835d9883067f0ce Mon Sep 17 00:00:00 2001
From: Arild Matsson <arild.matsson@gu.se>
Date: Wed, 24 Apr 2024 17:02:37 +0200
Subject: [PATCH] Fix list formatting in news body

---
 src/corpus/config/CorpusConfiguration.vue | 9 ---------
 src/home/HomeNews.vue                     | 2 +-
 src/index.css                             | 7 +++++++
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/corpus/config/CorpusConfiguration.vue b/src/corpus/config/CorpusConfiguration.vue
index a4573cf..b378c51 100644
--- a/src/corpus/config/CorpusConfiguration.vue
+++ b/src/corpus/config/CorpusConfiguration.vue
@@ -265,12 +265,3 @@ async function submit(fields: Form) {
     </div>
   </PendingContent>
 </template>
-
-<style scoped>
-.prose :deep(ul) {
-  padding-left: 2em;
-}
-.prose :deep(ul li) {
-  list-style-type: bullet;
-}
-</style>
diff --git a/src/home/HomeNews.vue b/src/home/HomeNews.vue
index a2e0f32..0df387e 100644
--- a/src/home/HomeNews.vue
+++ b/src/home/HomeNews.vue
@@ -39,7 +39,7 @@ function getDate(date: Date) {
         </time>
 
         <!-- eslint-disable-next-line vue/no-v-html -->
-        <div v-html="th(item.body)"></div>
+        <div v-html="th(item.body)" class="prose"></div>
       </article>
     </div>
   </LayoutSection>
diff --git a/src/index.css b/src/index.css
index 9d7d38d..a23e4ef 100644
--- a/src/index.css
+++ b/src/index.css
@@ -95,6 +95,13 @@ select {
   @apply font-normal;
 }
 
+.prose ul {
+  padding-left: 2em;
+}
+.prose ul li {
+  list-style-type: disc;
+}
+
 @layer components {
   .mink-button {
     @apply p-1 px-2 rounded shadow bg-zinc-100 text-gray-700 cursor-pointer hover:drop-shadow-md hover:brightness-110 transition-all;