diff --git a/css/style.css b/css/style.css index f35efcc3..40a7d055 100644 --- a/css/style.css +++ b/css/style.css @@ -612,14 +612,17 @@ div.played-game img { position: absolute; left: 2%; } -chat { +#chat { width: 90%; background-color: var(--uibg); - display: flex; height: 85vh; +} +#messages { align-items: end; - flex-direction: column-reverse; + flex-direction: column; overflow: scroll; + height: 90%; + display: flex; } message { width: calc(100% - 20px); @@ -634,15 +637,12 @@ message.user { message.bot { justify-self: right; } -input.chatbox { +#chatbox { width: calc(100% - 20px); } .messagebox { width: 100%; -} -.sendmsg { - position: absolute; - padding: calc(3vw - 20px); + height: 10%; } @keyframes toastFade { 0% { diff --git a/semag/eg1.8/index.html b/semag/eg1.8/index.html index 1c83093a..6ed32602 100644 --- a/semag/eg1.8/index.html +++ b/semag/eg1.8/index.html @@ -12,6 +12,7 @@ +