move toolbar to bottom on mobile devices

dist/index.css

@@ -353,6 +353,11 @@ body[showing-chat] #chat-page-wrapper {
   min-width: 100%;
   overflow: hidden;
 }
+@media (pointer: coarse) and (max-width: 480px) {
+  #chat-page > div > #main > div > .pane-wrapper > .pane {
+    flex-direction: column-reverse;
+  }
+}
 #chat-page > div > #main > div > .pane-wrapper > .pane:not(.side),
 #chat-page > div > #main > div > .pane-wrapper > .pane:not(.side) .content {
   animation: slide-up var(--animation-duration);

dist/index.js

@@ -1260,7 +1260,7 @@
       this.connectionModel = connectionModel2;
       this.chatListModel = chatListModel2;
       this.fileTransferModel = fileTransferModel2;
-      this.BUILD = "Build 26.09.18.A";
+      this.BUILD = "Build 26.09.21.B";
       // CONTEXT
       this.contextStack = /* @__PURE__ */ new Map();
       this.closeContext = (contextId, fromHistoryEvent = false) => {

src/View/chatPage.css

@@ -65,6 +65,12 @@ body[showing-chat] #chat-page-wrapper {
     overflow: hidden;
 }
 
+@media (pointer: coarse) and (max-width: 480px){
+    #chat-page > div > #main > div > .pane-wrapper > .pane {
+	flex-direction: column-reverse;
+    }
+}
+
 #chat-page > div > #main > div > .pane-wrapper > .pane:not(.side),
 #chat-page > div > #main > div > .pane-wrapper > .pane:not(.side) .content {
     animation: slide-up var(--animation-duration);

src/ViewModel/Global/coreViewModel.ts

@@ -9,7 +9,7 @@ import ConnectionModel from "../../Model/Global/connectionModel";
 import ChatListModel from "../../Model/Chat/chatListModel";
 
 export default class CoreViewModel {
-    readonly BUILD = "Build 26.09.18.A";
+    readonly BUILD = "Build 26.09.21.B";
 
     translations: Translations;