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 {