From 0e1792b458a737f42548779f9e3d1fc507483188 Mon Sep 17 00:00:00 2001
From: Julie Moynat <6296770+juliemoynat@users.noreply.github.com>
Date: Mon, 8 May 2023 17:05:36 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20CSS=20Flexbox=20de=20la=20liste=20des=20?=
 =?UTF-8?q?=C3=A9v=C3=A8nements=20(#105)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/event.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/event.svelte b/src/lib/event.svelte
index 630ae91..6174d68 100644
--- a/src/lib/event.svelte
+++ b/src/lib/event.svelte
@@ -13,29 +13,29 @@
 	}
 </script>
 
-<li class="mb-8 flex flex-row">
+<li class="mb-8 sm:flex sm:flex-row">
 	<div class="w-20 shrink-0">
 		{#if !hideDate}<strong>{getDateLabel(event.date)}</strong>{/if}
-		<span class="font-bold text-[#dd0220]">{@html getPointsDisplay(event.score)}</span><br />
+		<span class="font-bold text-[#dd0220]">{@html getPointsDisplay(event.score)}</span>
 	</div>
 	<div>
 		<span class="font-bold">{event.ville}&nbsp;:</span>
 		{event.description}
-		<div class="mt-1 flex flex-wrap gap-1">
+		<div class="mt-1 flex-wrap gap-1 sm:flex">
 			{#each event.actions as action}
 				<div class="tag action">
 					{ACTION_LABEL[action]}&nbsp;: {@html getPointsDisplay(ACTION_SCORE[action])}
 				</div>
 			{/each}
 		</div>
-		<div class="mt-1 flex flex-wrap gap-1">
+		<div class="mt-1 flex-wrap gap-1 sm:flex">
 			{#each event.cibles as target}
 				<div class="tag target">
 					{TARGET_LABEL[target.role.code]}&nbsp;: x{TARGET_MULTIPLIER[target.role.code]}
 				</div>
 			{/each}
 		</div>
-		<div class="mt-1 flex flex-wrap gap-1">
+		<div class="mt-1 flex-wrap gap-1 sm:flex">
 			{#each liens as link}
 				<div class="tag target">
 					<a href={link.url}>{link.text}</a>
@@ -47,7 +47,7 @@
 
 <style lang="postcss">
 	.tag {
-		@apply whitespace-nowrap py-0.5 pr-2 text-xs font-bold;
+		@apply py-0.5 pr-2 text-xs font-bold;
 	}
 
 	.action {