Merge pull request 'fix: ul styles for rich text' (#9) from fixes/visuals into main

Reviewed-on: #9

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 */