From f2d4444dca3c8054fdadce39675a437a0f989fda Mon Sep 17 00:00:00 2001
From: Alexander Harding <2166114+aeharding@users.noreply.github.com>
Date: Tue, 20 Aug 2024 22:20:03 -0500
Subject: [PATCH] Fix large numbered lists cut off in spoiler tags (#1591)

Resolves #1589
---
 src/features/shared/markdown/Markdown.tsx                 | 2 +-
 .../shared/markdown/components/spoiler/Details.tsx        | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/shared/markdown/Markdown.tsx b/src/features/shared/markdown/Markdown.tsx
index 9e86c9edbf..8cc0c910b2 100644
--- a/src/features/shared/markdown/Markdown.tsx
+++ b/src/features/shared/markdown/Markdown.tsx
@@ -17,7 +17,7 @@ const markdownCss = css`
   @media (max-width: 700px) {
     ul,
     ol {
-      padding-left: 24px;
+      padding-left: 28px;
     }
   }
 
diff --git a/src/features/shared/markdown/components/spoiler/Details.tsx b/src/features/shared/markdown/components/spoiler/Details.tsx
index abef9b95c0..41adbb59a8 100644
--- a/src/features/shared/markdown/components/spoiler/Details.tsx
+++ b/src/features/shared/markdown/components/spoiler/Details.tsx
@@ -14,12 +14,12 @@ import store, { useAppDispatch } from "../../../../../store";
 import { getSpoilerId, updateSpoilerState } from "./spoilerSlice";
 
 const StyledIonAccordionGroup = styled(IonAccordionGroup)`
-  margin: 1em 0;
+  margin: 1em -12px;
 `;
 
 const HeaderItem = styled(IonItem)`
-  --padding-start: 0;
-  --padding-end: 0;
+  --padding-start: 12px;
+  --padding-end: 12px;
   --inner-padding-end: 0;
   --inner-padding-start: 0;
 
@@ -39,7 +39,7 @@ const StyledIonAccordion = styled(IonAccordion)`
   background: none;
 
   [slot="content"] {
-    padding: 1em 0;
+    padding: 1em 12px;
 
     background: transparent;