move chat close button down on mobile

2026-09-22 22:54:07 +02:00
parent 24e75cefb4
commit 11e5ae65b3
6 changed files with 72 additions and 56 deletions
@@ -125,6 +125,12 @@ body[showing-chat] #chat-page-wrapper {
    padding: var(--gap-between-tiles);
 }

+@media (pointer: coarse) and (max-width: 480px){
+#chat-page > div > #ribbon #close-button {
+    order: 1;
+} 
+}
+
 #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar {
    justify-content: start;
    justify-content: space-between;
@@ -73,7 +73,8 @@ export function ChatPage(
            <div>
                <div id="ribbon">
                    <button
-                        class="ghost"
+			class="ghost"
+			id="close-button"
                        aria-label={
                            coreViewModel.translations.chatPage
                                .closeChatAudioLabe