From 8004edb7b8de3c9a468a72d9d9725649543b036e Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Sun, 29 Oct 2023 14:27:09 -0700
Subject: [PATCH] CSS tweak for video zoom buttons

---
 src/App.vue | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9e74f2f..590b777 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3753,22 +3753,9 @@ export default {
                         <div class="column">
                             {{ channelName }}
                         </div>
-                        <div class="column is-narrow">
-                            <!-- If a DM thread and the user has a profile URL -->
-                            <button type="button" v-if="channel.indexOf('@') === 0 && profileURLForUsername(channel)"
-                                class="button is-small is-outlined is-light mr-1" @click="openProfile({ username: channel })">
-                                <i class="fa fa-user"></i>
-                            </button>
-
-                            <!-- DMs: Leave convo button -->
-                            <button type="button" v-if="channel.indexOf('@') === 0"
-                                class="float-right button is-small is-warning is-outlined" @click="leaveDM()">
-                                <i class="fa fa-trash"></i>
-                            </button>
-                        </div>
 
                         <!-- Easy video zoom buttons -->
-                        <div class="column is-narrow" v-if="anyVideosOpen">
+                        <div class="column is-narrow is-hidden-mobile" v-if="anyVideosOpen">
                             <button type="button" class="button is-small is-outlined"
                                 :disabled="webcam.videoScale === 'x4'"
                                 @click="scaleVideoSize(true)">
@@ -3782,6 +3769,21 @@ export default {
                             </button>
                         </div>
 
+                        <!-- DM thread buttons -->
+                        <div class="column is-narrow" v-if="channel.indexOf('@') === 0">
+                            <!-- If the user has a profile URL -->
+                            <button type="button" v-if="profileURLForUsername(channel)"
+                                class="button is-small is-outlined is-light mr-1" @click="openProfile({ username: channel })">
+                                <i class="fa fa-user"></i>
+                            </button>
+
+                            <!-- DMs: Leave convo button -->
+                            <button type="button"
+                                class="float-right button is-small is-warning is-outlined" @click="leaveDM()">
+                                <i class="fa fa-trash"></i>
+                            </button>
+                        </div>
+
                         <!-- Who List button, only shown on public channel view -->
                         <div v-if="!isDM" class="column is-narrow mobile-only">
                             <!-- Responsive mobile button to pan to Right Column -->