Merge branch 'chats-ff' into 'develop'

Chats: FireFox fixes

Closes #399

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

app/styles/chats.scss

@@ -99,18 +99,12 @@
 .chat-messages {
   overflow-y: scroll;
   flex: 1;
-  display: flex;
-  flex-direction: column-reverse;
 }
 
 .chat-message {
-  padding: 7px 10px;
+  margin: 14px 10px;
   display: flex;
 
-  &:last-child {
-    padding-top: 14px;
-  }
-
   &__bubble {
     font-size: 15px;
     padding: 4px 10px;
@@ -225,9 +219,10 @@
     position: relative;
 
     .icon-button {
+      color: var(--primary-text-color--faint);
       position: absolute;
       right: 10px;
-      top: 8px;
+      top: calc(50% - 13px);
       width: auto;
       height: auto;
       background: transparent !important;
@@ -237,7 +232,7 @@
     }
 
     .chat-box__send .icon-button {
-      top: 12px;
+      top: calc(50% - 9px);
     }
 
     textarea {
@@ -347,8 +342,12 @@
   }
 }
 
+.chat-message__media {
+  height: 120px;
+}
+
 .chat-message .media-gallery {
-  height: auto !important;
+  height: 100% !important;
   margin: 4px 0 8px;
 
   .spoiler-button {
@@ -358,7 +357,7 @@
   .media-gallery__item:not(.media-gallery__item--image) {
     max-width: 100%;
     width: 120px !important;
-    height: 70px !important;
+    height: 100% !important;
   }
 
   &__preview {