diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css index df1a44b..869a1b0 100644 --- a/src/shared/styles/theme.css +++ b/src/shared/styles/theme.css @@ -316,15 +316,12 @@ .rich-text ul { list-style: none; - padding-left: 0; + padding-left: 1.5em; margin: 1em 0; } .rich-text ul li { - display: grid; - grid-template-columns: auto 1fr; - gap: 0.65em; - align-items: start; + text-indent: -1.5em; margin-top: 0.5em; } @@ -334,6 +331,10 @@ .rich-text ul li::before { content: "◆"; + display: inline-block; + width: calc(1.5em / 0.55); + /* reset inherited text-indent so glyph isn't shifted inside the ::before box */ + text-indent: 0; color: var(--blue); font-size: 0.55em; /* line-height matches parent so diamond centers within the first line box */