From 56b17166a41bfbbe271a95b577d3cadf704a4500 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 27 May 2024 12:33:25 +0530
Subject: [PATCH] fix: rearranged view control menu button in mobile view

---
 frontend/src/components/ViewControls.vue | 42 +++++++++++++-----------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/ViewControls.vue b/frontend/src/components/ViewControls.vue
index c541f397..9d613b96 100644
--- a/frontend/src/components/ViewControls.vue
+++ b/frontend/src/components/ViewControls.vue
@@ -4,34 +4,36 @@
     class="flex flex-col justify-between gap-2 px-5 py-4"
   >
     <div class="flex items-center justify-between gap-2">
-      <Dropdown :options="viewsDropdownOptions">
-        <template #default="{ open }">
-          <Button :label="__(currentView.label)">
-            <template #prefix>
-              <div v-if="isEmoji(currentView.icon)">{{ currentView.icon }}</div>
-              <FeatherIcon v-else :name="currentView.icon" class="h-4" />
-            </template>
-            <template #suffix>
-              <FeatherIcon
-                :name="open ? 'chevron-up' : 'chevron-down'"
-                class="h-4 text-gray-600"
-              />
-            </template>
-          </Button>
-        </template>
-      </Dropdown>
       <div class="flex gap-2">
-        <Button :label="__('Refresh')" @click="reload()" :loading="isLoading">
-          <template #icon>
-            <RefreshIcon class="h-4 w-4" />
+        <Dropdown :options="viewsDropdownOptions">
+          <template #default="{ open }">
+            <Button :label="__(currentView.label)">
+              <template #prefix>
+                <div v-if="isEmoji(currentView.icon)">
+                  {{ currentView.icon }}
+                </div>
+                <FeatherIcon v-else :name="currentView.icon" class="h-4" />
+              </template>
+              <template #suffix>
+                <FeatherIcon
+                  :name="open ? 'chevron-up' : 'chevron-down'"
+                  class="h-4 text-gray-600"
+                />
+              </template>
+            </Button>
           </template>
-        </Button>
+        </Dropdown>
         <Dropdown :options="viewActions">
           <template #default>
             <Button icon="more-horizontal" />
           </template>
         </Dropdown>
       </div>
+      <Button :label="__('Refresh')" @click="reload()" :loading="isLoading">
+        <template #icon>
+          <RefreshIcon class="h-4 w-4" />
+        </template>
+      </Button>
     </div>
     <div class="flex flex-col gap-2">
       <div class="flex items-center justify-between gap-2">