refactor: improve ui consistency

packages/hoppscotch-app/components/collections/graphql/Collection.vue

@@ -29,6 +29,17 @@
         </span>
       </span>
       <div class="flex">
+        <ButtonSecondary
+          v-tippy="{ theme: 'tooltip' }"
+          svg="file-plus"
+          :title="$t('request.new')"
+          class="hidden group-hover:inline-flex"
+          @click.native="
+            $emit('add-request', {
+              path: `${collectionIndex}`,
+            })
+          "
+        />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           svg="folder-plus"
@@ -69,7 +80,7 @@
             >
               <SmartItem
                 ref="requestAction"
-                svg="plus"
+                svg="file-plus"
                 :label="`${$t('request.new')}`"
                 :shortcut="['R']"
                 @click.native="

packages/hoppscotch-app/components/collections/graphql/Folder.vue

@@ -29,6 +29,13 @@
         </span>
       </span>
       <div class="flex">
+        <ButtonSecondary
+          v-tippy="{ theme: 'tooltip' }"
+          svg="file-plus"
+          :title="$t('request.new')"
+          class="hidden group-hover:inline-flex"
+          @click.native="$emit('add-request', { path: folderPath })"
+        />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           svg="folder-plus"
@@ -65,7 +72,7 @@
             >
               <SmartItem
                 ref="requestAction"
-                svg="plus"
+                svg="file-plus"
                 :label="`${$t('request.new')}`"
                 :shortcut="['R']"
                 @click.native="

packages/hoppscotch-app/components/collections/my/Collection.vue

@@ -45,6 +45,18 @@
           color="green"
           @click.native="$emit('unselect-collection')"
         />
+        <ButtonSecondary
+          v-if="!doc"
+          v-tippy="{ theme: 'tooltip' }"
+          svg="file-plus"
+          :title="$t('request.new')"
+          class="hidden group-hover:inline-flex"
+          @click.native="
+            $emit('add-request', {
+              path: `${collectionIndex}`,
+            })
+          "
+        />
         <ButtonSecondary
           v-if="!doc"
           v-tippy="{ theme: 'tooltip' }"
@@ -88,7 +100,7 @@
             >
               <SmartItem
                 ref="requestAction"
-                svg="plus"
+                svg="file-plus"
                 :label="$t('request.new')"
                 :shortcut="['R']"
                 @click.native="

packages/hoppscotch-app/components/collections/my/Folder.vue

@@ -29,6 +29,13 @@
         </span>
       </span>
       <div class="flex">
+        <ButtonSecondary
+          v-tippy="{ theme: 'tooltip' }"
+          svg="file-plus"
+          :title="t('request.new')"
+          class="hidden group-hover:inline-flex"
+          @click.native="$emit('add-request', { path: folderPath })"
+        />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           svg="folder-plus"
@@ -66,7 +73,7 @@
             >
               <SmartItem
                 ref="requestAction"
-                svg="plus"
+                svg="file-plus"
                 :label="$t('request.new')"
                 :shortcut="['R']"
                 @click.native="

packages/hoppscotch-app/components/collections/teams/Collection.vue

@@ -45,6 +45,19 @@
           color="green"
           @click.native="$emit('unselect-collection')"
         />
+        <ButtonSecondary
+          v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+          v-tippy="{ theme: 'tooltip' }"
+          svg="file-plus"
+          :title="$t('request.new')"
+          class="hidden group-hover:inline-flex"
+          @click.native="
+            $emit('add-request', {
+              folder: collection,
+              path: `${collectionIndex}`,
+            })
+          "
+        />
         <ButtonSecondary
           v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
           v-tippy="{ theme: 'tooltip' }"
@@ -89,7 +102,7 @@
             >
               <SmartItem
                 ref="requestAction"
-                svg="plus"
+                svg="file-plus"
                 :label="t('request.new')"
                 :shortcut="['R']"
                 @click.native="

packages/hoppscotch-app/components/collections/teams/Folder.vue

@@ -29,6 +29,14 @@
         </span>
       </span>
       <div class="flex">
+        <ButtonSecondary
+          v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+          v-tippy="{ theme: 'tooltip' }"
+          svg="file-plus"
+          :title="$t('request.new')"
+          class="hidden group-hover:inline-flex"
+          @click.native="$emit('add-request', { folder, path: folderPath })"
+        />
         <ButtonSecondary
           v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
           v-tippy="{ theme: 'tooltip' }"
@@ -68,7 +76,7 @@
             >
               <SmartItem
                 ref="requestAction"
-                svg="plus"
+                svg="file-plus"
                 :label="$t('request.new')"
                 :shortcut="['R']"
                 @click.native="

packages/hoppscotch-app/components/history/index.vue

@@ -36,7 +36,7 @@
         open
       >
         <summary
-          class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
+          class="flex items-center justify-between flex-1 min-w-0 cursor-pointer transition focus:outline-none text-secondaryLight text-tiny group"
         >
           <span
             class="px-4 py-2 truncate transition group-hover:text-secondary capitalize-first"