diff --git a/assets/style.css b/assets/style.css index b0abfd0..85bbc74 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,5 +1,20 @@ -.messages { - background: #333333; - color: white; - padding: 10px; +body { + background: #333333; + color: white; + padding: 0; + margin: 0; +} + +.container { + display: flex; + flex-direction: column-reverse; +} + +.messages { + max-height: 100%; + display: flex; + flex-direction: column; + overflow-y: auto; + justify-content: flex-end; + flex-wrap: nowrap; } diff --git a/pages/index.html b/pages/index.html index 9898354..a123aaa 100644 --- a/pages/index.html +++ b/pages/index.html @@ -3,4 +3,6 @@
-