refactor(ui): better font weight, icon hover states, etc

components/collections/ChooseType.vue

@@ -21,7 +21,6 @@
                 bg-primaryLight
                 border-b border-dividerLight
                 flex
-                font-semibold
                 w-full
                 py-2
                 px-4

components/collections/SaveRequest.vue

@@ -16,7 +16,7 @@
             {{ $t("request.name") }}
           </label>
         </div>
-        <label class="font-semibold px-4 pt-4 pb-4">
+        <label class="px-4 pt-4 pb-4">
           {{ $t("collection.select_location") }}
         </label>
         <CollectionsGraphql

components/collections/graphql/Collection.vue

@@ -20,9 +20,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/graphql/Folder.vue

@@ -20,9 +20,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/graphql/Request.vue

@@ -12,7 +12,6 @@
         class="
           cursor-pointer
           flex
-          font-mono font-bold
           mx-2
           w-12
           justify-center
@@ -28,9 +27,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/graphql/index.vue

@@ -16,7 +16,6 @@
             bg-primaryLight
             border-b border-dividerLight
             flex
-            font-semibold font-mono
             w-full
             py-2
             pr-2
@@ -30,6 +29,7 @@
         <ButtonSecondary
           icon="add"
           :label="$t('new')"
+          class="rounded-none"
           @click.native="displayModalAdd(true)"
         />
         <ButtonSecondary

components/collections/index.vue

@@ -16,7 +16,6 @@
             bg-primaryLight
             border-b border-dividerLight
             flex
-            font-semibold font-mono
             w-full
             py-2
             pr-2
@@ -42,6 +41,7 @@
           "
           v-tippy="{ theme: 'tooltip' }"
           disabled
+          class="rounded-none"
           icon="add"
           :title="$t('team.no_access')"
           :label="$t('new')"
@@ -50,19 +50,29 @@
           v-else
           icon="add"
           :label="$t('new')"
+          class="rounded-none"
           @click.native="displayModalAdd(true)"
         />
-        <ButtonSecondary
-          v-if="!saveRequest"
-          v-tippy="{ theme: 'tooltip' }"
-          :disabled="
-            collectionsType.type == 'team-collections' &&
-            collectionsType.selectedTeam == undefined
-          "
-          icon="import_export"
-          :title="$t('modal.import_export')"
-          @click.native="displayModalImportExport(true)"
-        />
+        <span class="flex">
+          <ButtonSecondary
+            v-tippy="{ theme: 'tooltip' }"
+            to="https://docs.hoppscotch.io/"
+            blank
+            :title="$t('wiki')"
+            icon="help_outline"
+          />
+          <ButtonSecondary
+            v-if="!saveRequest"
+            v-tippy="{ theme: 'tooltip' }"
+            :disabled="
+              collectionsType.type == 'team-collections' &&
+              collectionsType.selectedTeam == undefined
+            "
+            icon="import_export"
+            :title="$t('modal.import_export')"
+            @click.native="displayModalImportExport(true)"
+          />
+        </span>
       </div>
     </div>
     <div class="flex flex-col">
@@ -99,7 +109,6 @@
       v-if="collections.length === 0"
       class="flex flex-col text-secondaryLight p-4 items-center justify-center"
     >
-      <i class="opacity-75 pb-2 material-icons">create_new_folder</i>
       <span class="text-center pb-4">
         {{ $t("empty.collections") }}
       </span>

components/collections/my/Collection.vue

@@ -20,9 +20,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/my/Folder.vue

@@ -20,9 +20,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/my/Request.vue

@@ -12,7 +12,6 @@
         class="
           cursor-pointer
           flex
-          font-mono font-bold
           mx-2
           w-12
           justify-center
@@ -36,9 +35,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/teams/Collection.vue

@@ -12,9 +12,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/teams/Folder.vue

@@ -12,9 +12,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2

components/collections/teams/Request.vue

@@ -5,7 +5,6 @@
         class="
           cursor-pointer
           flex
-          font-mono font-bold
           mx-2
           w-12
           justify-center
@@ -29,9 +28,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2