Add padding and margins to replay display elements

This commit is contained in:
Chen-I Lim 2023-10-08 18:06:11 -07:00
parent c44f1958a1
commit 69bb007a2d
2 changed files with 8 additions and 4 deletions

View File

@ -35,7 +35,7 @@
</div> </div>
<div id="show" style="display: grid;"> <div id="show" style="display: grid;">
<div id="humanRequest" style="position: relative; overflow: auto;"> <div id="humanRequest" style="position: relative; overflow: auto; padding: 0 10px">
<p id="Requesttext" style=" color:aliceblue; display: block;font-weight: 900; max-height: 18px; max-width: 800px;">Task: </p> <p id="Requesttext" style=" color:aliceblue; display: block;font-weight: 900; max-height: 18px; max-width: 800px;">Task: </p>
</div> </div>
<div id="dialogBody" style="top:20px;display: flex;flex-direction: column;"> <div id="dialogBody" style="top:20px;display: flex;flex-direction: column;">

View File

@ -399,6 +399,9 @@ function createPara(d, i) {
character.style.backgroundColor = "lightblue"; character.style.backgroundColor = "lightblue";
character.style.width = "fit-content"; character.style.width = "fit-content";
character.style.padding = "5px 20px";
character.style.marginBottom = "5px";
character.style.width = "fit-content";
character.style.fontSize = "13px "; character.style.fontSize = "13px ";
character.style.border = "1px solid rgba(11, 20, 150, .3)"; character.style.border = "1px solid rgba(11, 20, 150, .3)";
character.style.borderRadius = "10px"; character.style.borderRadius = "10px";
@ -441,6 +444,7 @@ function createPara(d, i) {
characterimg.style.height = "40px"; characterimg.style.height = "40px";
characterimg.style.width = "30px"; characterimg.style.width = "30px";
characterimg.style.position = "relative"; characterimg.style.position = "relative";
characterimg.style.marginLeft = "10px";
character.appendChild(characterimg); character.appendChild(characterimg);
character.style.width = "fit-content"; character.style.width = "fit-content";