refactor(ui): sort classes

components/collections/graphql/AddFolder.vue

@@ -1,10 +1,8 @@
 <template>
   <SmartModal v-if="show" @close="$emit('hide-modal')">
     <template #header>
-      <h3 class="heading">{{ $t("new_folder") }}</h3>
-      <div>
-        <ButtonSecondary icon="close" @click.native="hideModal" />
-      </div>
+      <h3 class="heading">{{ $t("folder.new") }}</h3>
+      <ButtonSecondary icon="close" @click.native="hideModal" />
     </template>
     <template #body>
       <div class="flex flex-col px-2">

components/collections/graphql/Collection.vue

@@ -37,7 +37,7 @@
         v-tippy="{ theme: 'tooltip' }"
         icon="create_new_folder"
         :title="$t('folder.new')"
-        class="group-hover:inline-flex hidden"
+        class="hidden group-hover:inline-flex"
         @click.native="
           $emit('add-folder', {
             path: `${collectionIndex}`,

components/collections/graphql/Edit.vue

@@ -2,9 +2,7 @@
   <SmartModal v-if="show" @close="hideModal">
     <template #header>
       <h3 class="heading">{{ $t("collection.edit") }}</h3>
-      <div>
-        <ButtonSecondary icon="close" @click.native="hideModal" />
-      </div>
+      <ButtonSecondary icon="close" @click.native="hideModal" />
     </template>
     <template #body>
       <div class="flex flex-col px-2">

components/collections/graphql/EditFolder.vue

@@ -2,9 +2,7 @@
   <SmartModal v-if="show" @close="$emit('hide-modal')">
     <template #header>
       <h3 class="heading">{{ $t("folder.edit") }}</h3>
-      <div>
-        <ButtonSecondary icon="close" @click.native="hideModal" />
-      </div>
+      <ButtonSecondary icon="close" @click.native="hideModal" />
     </template>
     <template #body>
       <div class="flex flex-col px-2">

components/collections/graphql/EditRequest.vue

@@ -2,9 +2,7 @@
   <SmartModal v-if="show" @close="hideModal">
     <template #header>
       <h3 class="heading">{{ $t("edit_request") }}</h3>
-      <div>
-        <ButtonSecondary icon="close" @click.native="hideModal" />
-      </div>
+      <ButtonSecondary icon="close" @click.native="hideModal" />
     </template>
     <template #body>
       <div class="flex flex-col px-2">

components/collections/graphql/Folder.vue

@@ -39,7 +39,7 @@
         v-tippy="{ theme: 'tooltip' }"
         icon="create_new_folder"
         :title="$t('folder.new')"
-        class="group-hover:inline-flex hidden"
+        class="hidden group-hover:inline-flex"
         @click.native="$emit('add-folder', { folder, path: folderPath })"
       />
       <tippy ref="options" interactive trigger="click" theme="popover" arrow>

components/collections/graphql/Request.vue

@@ -46,7 +46,7 @@
         v-tippy="{ theme: 'tooltip' }"
         icon="replay"
         :title="$t('restore')"
-        class="group-hover:inline-flex hidden"
+        class="hidden group-hover:inline-flex"
         @click.native="!doc ? selectRequest() : {}"
       />
       <tippy ref="options" interactive trigger="click" theme="popover" arrow>

components/collections/graphql/index.vue

@@ -21,8 +21,8 @@
             py-2
             pr-2
             pl-9
-            focus:outline-none
             truncate
+            focus:outline-none
           "
         />
       </div>