Michilis/Spanglish
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

fix(legal): align bullet list markers with list text

Browse Source 
Use list-outside and left padding so ReactMarkdown and TipTap list items render markers beside text instead of on separate lines.
This commit is contained in:
Michilis
2026-06-04 22:58:31 +00:00
parent 0f7573c934
commit ecd2a7d009
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/globals.css
View File

@@ -127,11 +127,11 @@
}
.ProseMirror ul {
@apply list-disc list-inside my-3;
@apply list-disc list-outside pl-6 my-3;
}
.ProseMirror ol {
@apply list-decimal list-inside my-3;
@apply list-decimal list-outside pl-6 my-3;
}
.ProseMirror li {

4
frontend/src/components/layout/LegalPageLayout.tsx
View File

@@ -127,12 +127,12 @@ export default function LegalPageLayout({
),
// Style lists
ul: ({ children }) => (
<ul className="list-disc list-inside space-y-2 mb-4 text-gray-700 ml-4">
<ul className="list-disc list-outside space-y-2 mb-4 text-gray-700 pl-6">
{children}
</ul>
),
ol: ({ children }) => (
<ol className="list-decimal list-inside space-y-2 mb-4 text-gray-700 ml-4">
<ol className="list-decimal list-outside space-y-2 mb-4 text-gray-700 pl-6">
{children}
</ol>
),