Fix scroll_down overlapping send button

app/widgets/Chat/_chat.tpl

@@ -5,9 +5,6 @@
 </header>
 
 <div id="{$jid|cleanupId}-discussion" class="contained {if="$muc"}muc{/if}" data-muc="{$muc}">
-    <a id="scroll_down" class="button action color small semi" onclick="Chat.scrollTotally()">
-        <i class="material-icons">expand_more</i>
-    </a>
     <section id="{$jid|cleanupId}-messages">
         <ul class="list spin conversation" id="{$jid|cleanupId}-conversation"></ul>
         <div class="placeholder">
@@ -20,6 +17,9 @@
     </section>
 </div>
 <div class="chat_box">
+    <a id="scroll_down" class="button action color small semi" onclick="Chat.scrollTotally()">
+        <i class="material-icons">expand_more</i>
+    </a>
     <ul class="list fill">
         <div id="reply"></div>
         <li class="emojis"></li>

app/widgets/Chat/chat.css

@@ -80,7 +80,8 @@ main:not(.enabled) #chat_widget {
     animation: none;
     opacity: 0;
     transform: scale(90%);
-    bottom: 7.25rem;
+    position: absolute;
+    top: -6.25rem;
     right: 0.75rem;
     pointer-events: none;
 }

app/widgets/Chat/chat.js

@@ -721,7 +721,7 @@ var Chat = {
         var discussion = Chat.getDiscussion();
         if (discussion == null) return;
 
-        var button = discussion.querySelector('.button.action');
+        var button = document.querySelector('#chat_widget #scroll_down.button.action');
 
         if (Chat.isScrolled()) {
             button.classList.remove('show');