problem: markdown doesn't look good

src/lib/helpers/mundane.ts

@@ -42,8 +42,27 @@ export function fetchNoteFromSet(s:Set<NDKEvent>, id:string):NDKEvent|undefined
  * @return string HTML string
  */
 export const makeHtml = (content: string | undefined): string => {
-  const converter = new showdown.Converter()
+  const converter = new showdown.Converter({
+    extensions: [...bindings]
+})
   content = content ?? ''
 
   return converter.makeHtml(content)
-}
+}
+
+const classMap = {
+  h1: 'title is-1',
+  h2: 'title is-2',
+  h3: 'title is-3',
+  h4: 'title is-4',
+  h6: 'subtitle',
+  ul: 'problemUL',
+  li: 'problemLI'
+}
+
+const bindings = Object.keys(classMap)
+  .map(key => ({
+      type: 'output',
+      regex: new RegExp(`<${key}(.*)>`, 'g'),
+      replace: `<${key} class="${classMap[key]}" $1>`
+  }));

src/routes/styles.css

@@ -11,3 +11,15 @@
 html {
   overflow-x: hidden;
 }
+
+.problemUL {
+  list-style-position: inside;
+  line-height:140%;
+  list-style-type: square;
+  margin: 1%;
+  font-size:12pt;
+}
+
+.problemLI {
+  margin: 1%;
+}