Browse Source

tweak: adjust astro css to render mixed nested lists (#1411)

Aiden Cline 6 months ago
parent
commit
b5219f7585
1 changed files with 19 additions and 2 deletions
  1. 19 2
      packages/web/src/components/share/content-markdown.module.css

+ 19 - 2
packages/web/src/components/share/content-markdown.module.css

@@ -34,19 +34,36 @@
       margin-bottom: 1rem;
     }
 
+    ul,
+    ol {
+      margin-bottom: 0.5rem;
+    }
+
+    /* Add spacing between top-level list items */
+    ol > li {
+      margin-bottom: 0.5rem;
+    }
+
     strong {
       font-weight: 600;
     }
 
     ol {
-      list-style-position: inside;
-      padding-left: 0.75rem;
+      list-style-position: outside;
+      padding-left: 1.5rem;
     }
 
     ul {
       padding-left: 1.5rem;
     }
 
+    /* Nested list spacing */
+    li ul,
+    li ol {
+      margin-top: 0.25rem;
+      margin-bottom: 0;
+    }
+
     h1,
     h2,
     h3,