From e5ae8db6fad4104a9d7bcc927a9f742fc6e32e7f Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Fri, 9 Feb 2024 10:06:56 +0100
Subject: [PATCH] Minor CSS fixes

---
 src/routes/articles/+page.svelte        |  2 +-
 src/routes/articles/[slug]/+page.svelte | 21 +++++++++--------
 src/routes/guides/+page.svelte          | 31 ++++++++++++++-----------
 3 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/src/routes/articles/+page.svelte b/src/routes/articles/+page.svelte
index b017c71..1d2d3af 100644
--- a/src/routes/articles/+page.svelte
+++ b/src/routes/articles/+page.svelte
@@ -16,7 +16,7 @@
 <ul>
   {#each data.articles as post}
     <li
-      class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
+      class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
     >
       <h2>
         <a href={post.path}>
diff --git a/src/routes/articles/[slug]/+page.svelte b/src/routes/articles/[slug]/+page.svelte
index aaeee12..fcdabfe 100644
--- a/src/routes/articles/[slug]/+page.svelte
+++ b/src/routes/articles/[slug]/+page.svelte
@@ -1,14 +1,15 @@
 <script>
-	export let data;
+  export let data;
 </script>
 
 <article>
-	<h1>{data.title}</h1>
-	<div class="pt-4 flex justify-between mb-12">
-		<p class="inline font-bold">Publié le : {data.date}</p>
-		<p class="inline font-bold">Auteur : {data.author}</p>
-	</div>
-	<div class="px-12 content-center">
-		<svelte:component this={data.content} />
-	</div>
-</article>
\ No newline at end of file
+  <h1>{data.title}</h1>
+  <div class="pt-4 flex justify-between mb-12">
+    <p class="inline font-bold">Publié le : {data.date}</p>
+    <p class="inline font-bold">Auteur : {data.author}</p>
+  </div>
+  <div class="lg:px-12 content-center">
+    <svelte:component this={data.content} />
+  </div>
+</article>
+
diff --git a/src/routes/guides/+page.svelte b/src/routes/guides/+page.svelte
index 5f3933e..3513d06 100644
--- a/src/routes/guides/+page.svelte
+++ b/src/routes/guides/+page.svelte
@@ -1,23 +1,28 @@
 <script lang="ts">
-	export let data;
-    import Info from "$lib/components/Info.svelte";
+  export let data;
+  import Info from "$lib/components/Info.svelte";
 </script>
 
 <h1>Guides</h1>
 
-<Info info="Cette page est un recensement de guides proposés par les membres de la communauté pour apprendre à <i>live coder</i> ou se perfectionner. L'idée est de proposer des articles plus ou moins courts consacrés à un outil ou à une approche particulière du <i>live coding</i> Pour proposer un guide, référez-vous à l'article <a href='/guides/proposer_guide'>Proposer un guide</a>. Nous acceptons toutes les collaborations." markdown=false />
+<Info
+  info="Cette page est un recensement de guides proposés par les membres de la communauté pour apprendre à <i>live coder</i> ou se perfectionner. L'idée est de proposer des articles plus ou moins courts consacrés à un outil ou à une approche particulière du <i>live coding</i> Pour proposer un guide, référez-vous à l'article <a href='/guides/proposer_guide'>Proposer un guide</a>. Nous acceptons toutes les collaborations."
+  markdown="false"
+/>
 
 <h2>Articles publiés</h2>
 
 <ul>
-	{#each data.guides as post}
-		<li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100">
-			<h2>
-				<a href={post.path}>
-					{post.meta.title}
-				</a>
-			</h2>
-			<p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p>
-		</li>
-	{/each}
+  {#each data.guides as post}
+    <li
+      class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
+    >
+      <h2>
+        <a href={post.path}>
+          {post.meta.title}
+        </a>
+      </h2>
+      <p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p>
+    </li>
+  {/each}
 </ul>