From cdfe88af9eb54e38afdb50e41ca7f58117d09f18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Thu, 6 Jan 2022 19:05:24 +0100
Subject: [PATCH] Fix chat compose box on mobile devices
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/styles/chats.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index 0defcb591..418d0eca8 100644
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@@ -184,7 +184,7 @@
 
     &:hover,
     &:focus,
-    &:active, {
+    &:active {
       .chat-message__menu {
         opacity: 1;
         pointer-events: all;
@@ -401,13 +401,22 @@
     }
 
     .page {
+      .chat-messages {
+        margin-bottom: 60px;
+      }
+
       .chat-box {
         border-radius: 0;
         border: 2px solid var(--foreground-color);
         margin-bottom: var(--thumb-navigation-height);
 
         &__actions {
+          width: 100%;
           padding: 0;
+          position: fixed;
+          bottom: 60px;
+          left: 0;
+          z-index: 1;
 
           textarea {
             height: 4em;