diff --git a/frontend/chat.css b/frontend/chat.css index 5ed8007..27167d8 100644 --- a/frontend/chat.css +++ b/frontend/chat.css @@ -5,39 +5,60 @@ html { } form { - width: 100% + width: 100%; + overflow:hidden; } input { - padding: 3%; + padding: 2%; + width: 100%; + background-color: darkgrey; + border-style: none; + border-bottom-style: solid; + border-bottom-color: black; + border-bottom-width: 1px; + font-family: "Lucida Console", "Courier New", monospace; } label { - visibility: hidden; + display: block; + margin-top: 1%; + } -#chatbox { +button { + padding: 1%; +} + +#loggeduser { + font-size: 30px; +} + +#outerchatbox { background-color: white; padding: 1rem; box-shadow: 10px 10px 10px black; - width: 40rem; + width: 30rem; height: 40rem; display: inline-flex; flex-direction: column; } -#innerchatbox { - background-color: rgba(60, 60, 60, .75); +#chatbox { + background-color: rgb(60, 60, 60); width: 100%; height: 90%; overflow-y: scroll; + overflow-x: hidden; text-align: left; + color: white; + overflow-wrap: break-word; } #loggeduser { - padding-top: 1% + padding-top: 2% } -#error { +#errormessage { padding-top: 2.5%; } \ No newline at end of file diff --git a/frontend/chat.html b/frontend/chat.html index 62d56fc..364eb57 100644 --- a/frontend/chat.html +++ b/frontend/chat.html @@ -15,22 +15,27 @@