Some css fixes.

Scale chat panel size to viewport height, fit message field to width.

1 files changed, 6 insertions, 1 deletions

diff --git a/src/components/chat/chat.vue b/src/components/chat/chat.vue
index 488faf9a..6c1e2c38 100644
--- a/src/components/chat/chat.vue
+++ b/src/components/chat/chat.vue
@@ -30,6 +30,11 @@
 
 
 <style lang="scss">
+ .chat-window {
+   max-height: 80vh;
+   overflow-y: auto;
+   overflow-x: hidden;
+ }
  .chat-message {
    padding: 0.2em 0.5em
  }
@@ -47,7 +52,7 @@
          flex: auto;
          input {
              margin: 0.5em;
-             width: 100%;
+             width: fill-available;
          }
      }
  }