Merge branch 'chats-styles' into 'develop'

Fix chat compose box on mobile devices

See merge request soapbox-pub/soapbox-fe!959

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;