From 9c7c57b2411377dd06f58e02b20d6e1b15ce117b Mon Sep 17 00:00:00 2001
From: Ldoppea <yannick.chiron@gmail.com>
Date: Tue, 29 Oct 2024 18:49:54 +0100
Subject: [PATCH] fix: Align announcements' bullet points on left side

---
 .../Announcements/AnnouncementsDialogContent.tsx     | 12 +++++++++++-
 src/components/Announcements/styles.styl             |  3 +++
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Announcements/styles.styl

diff --git a/src/components/Announcements/AnnouncementsDialogContent.tsx b/src/components/Announcements/AnnouncementsDialogContent.tsx
index 00350fccb4..2a8e79f099 100644
--- a/src/components/Announcements/AnnouncementsDialogContent.tsx
+++ b/src/components/Announcements/AnnouncementsDialogContent.tsx
@@ -1,4 +1,5 @@
 import React, { FC } from 'react'
+import cx from 'classnames'
 
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import Typography from 'cozy-ui/transpiled/react/Typography'
@@ -9,6 +10,9 @@ import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { Announcement } from './types'
 import { useAnnouncementsImage } from 'hooks/useAnnouncementsImage'
 
+// @ts-expect-error stylus files are not typed
+import styles from './styles.styl'
+
 interface AnnouncementsDialogContentProps {
   announcement: Announcement
   onSkip: () => void
@@ -66,7 +70,13 @@ const AnnouncementsDialogContent: FC<AnnouncementsDialogContentProps> = ({
           t('AnnouncementsDialogContent.dateFormat')
         )}
       </Typography>
-      <div className="u-ta-center u-maw-100">
+      <div
+        className={cx(
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
+          styles['announcement_content'],
+          'u-ta-center u-maw-100'
+        )}
+      >
         <Markdown content={announcement.attributes.content} />
       </div>
       {announcement.attributes.main_action ? (
diff --git a/src/components/Announcements/styles.styl b/src/components/Announcements/styles.styl
new file mode 100644
index 0000000000..7cd61f439c
--- /dev/null
+++ b/src/components/Announcements/styles.styl
@@ -0,0 +1,3 @@
+.announcement_content
+  ul
+    text-align left