Chats: put attachment above content

app/soapbox/features/chats/components/chat_message_list.js

@@ -173,11 +173,11 @@ class ChatMessageList extends ImmutablePureComponent {
               className='chat-message__bubble'
               ref={this.setBubbleRef}
             >
+              {this.maybeRenderMedia(chatMessage)}
               <span
                 className='chat-message__content'
                 dangerouslySetInnerHTML={{ __html: this.parseContent(chatMessage) }}
               />
-              {this.maybeRenderMedia(chatMessage)}
             </div>
           </div>
         ))}

app/styles/chats.scss

@@ -308,6 +308,7 @@
 
 .chat-message .media-gallery {
   height: 120px !important;
+  margin: 4px 0 8px;
 
   .spoiler-button {
     display: none;