Fixes markdown line break rendering. Fixes images in the voting on mobile devices

src/app/quiz/quiz-flow/voting/voting-question/voting-question.component.html

-<p [innerHTML]="sanitizeHTML(questionText)"></p>
\ No newline at end of file
+<p [innerHTML]="sanitizeHTML(questionText)"
+   class="mb-0 overflow-hidden mathjax-container"></p>

src/app/quiz/quiz-flow/voting/voting-question/voting-question.component.scss

+.mathjax-container {
+  ::ng-deep svg {
+    max-width: 100%;
+  }
+}

src/app/root.module.ts

@@ -86,7 +86,7 @@ const appRoutes: Routes = [
 // function that returns `MarkedOptions` with renderer override
 export function markedOptionsFactory(): MarkedOptions {
   const renderer = new MarkedRenderer();
-  renderer.paragraph = (text) => `${text}\n`;
+  renderer.paragraph = (text) => `${text}<br/>`;
 
   return {
     renderer: renderer,

src/app/service/custom-markdown/custom-markdown.service.ts

@@ -70,7 +70,7 @@ export class CustomMarkdownService {
     if (imgMatch) {
       imgMatch.forEach(token => {
         const imgNode: HTMLImageElement = this.createElementFromHTML(token) as HTMLImageElement;
-        imgNode.classList.add(...['thumbnail', 'cursor-zoom-in', 'img-fluid']);
+        imgNode.classList.add(...['thumbnail', 'cursor-zoom-in']);
 
         const anchorNode = document.createElement<'a'>('a');
         anchorNode.href = imgNode.src;