Update strategy to use css

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>

front/src/WebRtc/HtmlUtils.ts

@@ -1,5 +1,3 @@
-import { blackListManager } from "./BlackListManager";
-
 export class HtmlUtils {
     public static getElementByIdOrFail<T extends HTMLElement>(id: string): T {
         const elem = document.getElementById(id);
@@ -27,14 +25,10 @@ export class HtmlUtils {
     }
 
     public static escapeHtml(html: string): string {
-        let innerHTML = "";
-        const tabBackLine = html.match(/(\n\r|\r\n|\r|\n)/g);
-        for (const text in blackListManager) {
+        const text = document.createTextNode(html);
         const p = document.createElement("p");
-            p.appendChild(document.createTextNode(text));
-            innerHTML += p.innerHTML;
-        }
-        return innerHTML;
+        p.appendChild(text);
+        return p.innerHTML;
     }
 
     public static urlify(text: string, style: string = ""): string {

front/style/style.scss

@@ -1085,10 +1085,14 @@ div.action.danger p.action-body{
     text-align: left;
     color: white;
 }
-.popUpElement div {
+.popUpElement div{
     font-family: 'Press Start 2P';
     font-size: 10px;
     background-color: #727678;
+    white-space: pre-line;
+}
+.popUpElement .nes-container{
+    padding: 1rem 1rem;
 }
 
 .popUpElement button {