diff --git a/hunt/static/style.css b/hunt/static/style.css index 391b90b..6666075 100644 --- a/hunt/static/style.css +++ b/hunt/static/style.css @@ -126,6 +126,17 @@ body { align-items: center; } +.chat-container { + max-width: 100%; +} + +.chat-messages { + max-height: 300px; + overflow-y: scroll; + text-align: left; + overflow-wrap: anywhere; +} + .heading { padding: 0 5vw; display: flex; diff --git a/hunt/templates/room.html b/hunt/templates/room.html index 320959c..c85abeb 100644 --- a/hunt/templates/room.html +++ b/hunt/templates/room.html @@ -1,6 +1,6 @@ -
+
@@ -12,7 +12,7 @@
-
+
{% for message in messages %} {{ message.name }}: {{ message.content }}
{% endfor %}