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

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