diff --git a/online_log/static/replay.html b/online_log/static/replay.html index 6fcecb98..1006c938 100644 --- a/online_log/static/replay.html +++ b/online_log/static/replay.html @@ -34,8 +34,8 @@
- -
+ +

Task:

diff --git a/online_log/static/replay/js/app.js b/online_log/static/replay/js/app.js index 9d7d060b..9d689d37 100644 --- a/online_log/static/replay/js/app.js +++ b/online_log/static/replay/js/app.js @@ -207,7 +207,7 @@ function watchfileInput(files) { } } -//extract information +//extract information function extraction(contents) { const regex = /\[(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2} \w+)\] ([.\s\S\n\r\d\D\t]*?)(?=\n\[\d|$)/g; @@ -381,7 +381,7 @@ function extraction(contents) { return dialog; } -//show dailog +//show dailog function createPara(d, i) { const singleDialog = document.createElement("div"); singleDialog.style.position = "relative"; @@ -399,6 +399,8 @@ function createPara(d, i) { character.style.backgroundColor = "lightblue"; character.style.width = "fit-content"; + character.style.padding = "5px 20px"; + character.style.marginBottom = "5px"; character.style.fontSize = "13px "; character.style.border = "1px solid rgba(11, 20, 150, .3)"; character.style.borderRadius = "10px"; @@ -441,6 +443,7 @@ function createPara(d, i) { characterimg.style.height = "40px"; characterimg.style.width = "30px"; characterimg.style.position = "relative"; + characterimg.style.marginLeft = "10px"; character.appendChild(characterimg); character.style.width = "fit-content";