From c00fcd61731f5020c9150570072fdadb784c7e25 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Tue, 10 Jun 2025 13:47:07 +0200
Subject: [PATCH] Fix scroll to end

---
 src/assets/css/chat.scss |  2 +-
 src/components/Chat.vue  | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index ae5a5ce..7ccc21c 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -368,7 +368,7 @@ body {
 
   .scroll-to-end {
     position: absolute;
-    bottom: 20px;
+    bottom: 102px;
     right: 16px;
     &.reversed {
       top: 120px;
diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index b6cace4..541c906 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -116,14 +116,13 @@
 
       <NoHistoryRoomWelcomeHeader v-if="showNoHistoryRoomWelcomeHeader" />
 
-        <!-- "Scroll to end"-button -->
-        <v-btn v-if="!useVoiceMode" icon="arrow_downward" :class="{'scroll-to-end': true, 'reversed': reverseOrder}" v-show="showScrollToEnd" theme="dark" size="x-small" elevation="0" color="black"
-          @click.stop="scrollToEndOfTimeline">
-        </v-btn>
-
-
     </div>
 
+    <!-- "Scroll to end"-button -->
+    <v-btn v-if="!useVoiceMode" icon="arrow_downward" :class="{'scroll-to-end': true, 'reversed': reverseOrder}" v-show="showScrollToEnd" theme="dark" size="x-small" elevation="0" color="black"
+      @click.stop="scrollToEndOfTimeline">
+    </v-btn>
+
     <!-- Input area -->
     <v-container v-if="!useVoiceMode && !useFileModeNonAdmin && room" fluid :class="['input-area-outer', replyToEvent ? 'reply-to' : '']">
       <div :class="[replyToEvent ? 'iput-area-inner-box' : '']">