From ec03987c27536a68e3926b7f52beaad60db717ed Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Sat, 23 Oct 2021 15:02:42 -0500
Subject: [PATCH] move chat input on small screens

---
 src/views/room/widgets/chat-input/ChatInputView.scss | 8 ++++++++
 src/views/toolbar/ToolbarView.scss                   | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/src/views/room/widgets/chat-input/ChatInputView.scss b/src/views/room/widgets/chat-input/ChatInputView.scss
index d2814d44..650a2e73 100644
--- a/src/views/room/widgets/chat-input/ChatInputView.scss
+++ b/src/views/room/widgets/chat-input/ChatInputView.scss
@@ -10,6 +10,14 @@
     padding-right: 10px;
     width: 100%;
 
+    @include media-breakpoint-down(sm) {
+        display: flex;
+        position: absolute;
+        bottom: 70px;
+        left: calc(100% / 3);
+        width: 200px;
+    }
+
     &:before {
         content: "";
         position: absolute;
diff --git a/src/views/toolbar/ToolbarView.scss b/src/views/toolbar/ToolbarView.scss
index 57401e81..779b8160 100644
--- a/src/views/toolbar/ToolbarView.scss
+++ b/src/views/toolbar/ToolbarView.scss
@@ -14,6 +14,11 @@
 
         #toolbar-chat-input-container {
             margin: 0 10px;
+
+            @include media-breakpoint-down(sm) {
+                 width: 0px;
+                 height: 0px
+            }
         }
 
         .navigation-items {