refactor: minor ui improvements

components/collections/teams/Request.vue

@@ -39,53 +39,57 @@
       >
         <span class="truncate"> {{ request.name }} </span>
       </span>
-      <ButtonSecondary
-        v-if="!saveRequest && !doc"
-        v-tippy="{ theme: 'tooltip' }"
-        icon="replay"
-        :title="$t('restore')"
-        class="group-hover:inline-flex hidden"
-        @click.native="!doc ? selectRequest() : {}"
-      />
-      <tippy
-        v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
-        ref="options"
-        interactive
-        trigger="click"
-        theme="popover"
-        arrow
-      >
-        <template #trigger>
-          <ButtonSecondary
-            v-tippy="{ theme: 'tooltip' }"
-            :title="$t('more')"
-            icon="more_vert"
-          />
-        </template>
-        <SmartItem
-          icon="edit"
-          :label="$t('edit')"
-          @click.native="
-            $emit('edit-request', {
-              collectionIndex,
-              folderIndex,
-              folderName,
-              request,
-              requestIndex,
-            })
-            $refs.options.tippy().hide()
-          "
+      <div class="flex">
+        <ButtonSecondary
+          v-if="!saveRequest && !doc"
+          v-tippy="{ theme: 'tooltip' }"
+          icon="replay"
+          :title="$t('restore')"
+          class="hidden group-hover:inline-flex"
+          @click.native="!doc ? selectRequest() : {}"
         />
-        <SmartItem
-          icon="delete"
-          color="red"
-          :label="$t('delete')"
-          @click.native="
-            confirmRemove = true
-            $refs.options.tippy().hide()
-          "
-        />
-      </tippy>
+        <span>
+          <tippy
+            v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+            ref="options"
+            interactive
+            trigger="click"
+            theme="popover"
+            arrow
+          >
+            <template #trigger>
+              <ButtonSecondary
+                v-tippy="{ theme: 'tooltip' }"
+                :title="$t('more')"
+                icon="more_vert"
+              />
+            </template>
+            <SmartItem
+              icon="edit"
+              :label="$t('edit')"
+              @click.native="
+                $emit('edit-request', {
+                  collectionIndex,
+                  folderIndex,
+                  folderName,
+                  request,
+                  requestIndex,
+                })
+                $refs.options.tippy().hide()
+              "
+            />
+            <SmartItem
+              icon="delete"
+              color="red"
+              :label="$t('delete')"
+              @click.native="
+                confirmRemove = true
+                $refs.options.tippy().hide()
+              "
+            />
+          </tippy>
+        </span>
+      </div>
     </div>
     <SmartConfirmModal
       :show="confirmRemove"