chore: improve moave and delete actions

Signed-off-by: Sebastian <krupinski01@gmail.com>

src/components/reader/ReaderToolbar.vue

@@ -144,31 +144,23 @@ const currentSecurityLevel = computed(() => {
 
     <v-spacer />
 
-    <v-menu>
-      <template #activator="{ props: menuProps }">
-        <v-btn
-          v-bind="menuProps"
-          icon="mdi-dots-vertical"
-          variant="text"
-        >
-          <v-icon>mdi-dots-vertical</v-icon>
-          <v-tooltip activator="parent" location="bottom">More Actions</v-tooltip>
-        </v-btn>
-      </template>
+    <v-btn
+      icon="mdi-folder-move-outline"
+      variant="text"
+      @click="emit('move')"
+    >
+      <v-icon>mdi-folder-move-outline</v-icon>
+      <v-tooltip activator="parent" location="bottom">Move To Folder</v-tooltip>
+    </v-btn>
 
-      <v-list density="compact">
-        <v-list-item
-          prepend-icon="mdi-folder-move-outline"
-          title="Move To Folder"
-          @click="emit('move')"
-        />
-        <v-list-item
-          prepend-icon="mdi-delete-outline"
-          title="Delete"
-          @click="emit('delete')"
-        />
-      </v-list>
-    </v-menu>
+    <v-btn
+      icon="mdi-delete-outline"
+      variant="text"
+      @click="emit('delete')"
+    >
+      <v-icon>mdi-delete-outline</v-icon>
+      <v-tooltip activator="parent" location="bottom">Delete</v-tooltip>
+    </v-btn>
   </v-toolbar>
 </template>