refactor(ui): better rendering with Inter font

components/collections/graphql/index.vue

@@ -4,7 +4,7 @@
     :class="{ 'rounded border border-divider': savingMode }"
   >
     <div
-      class="flex flex-col top-10 z-10 sticky"
+      class="flex flex-col top-8 z-10 sticky"
       :class="{ 'bg-primary': !savingMode }"
     >
       <input
@@ -18,8 +18,7 @@
           flex
           font-semibold font-mono
           flex-1
-          text-xs
-          py-3
+          py-2
           px-4
           focus:outline-none
         "
@@ -63,7 +62,7 @@
       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-xs text-center">
+      <span class="text-center">
         {{ $t("create_new_collection") }}
       </span>
     </div>
@@ -72,7 +71,7 @@
       class="flex flex-col text-secondaryLight p-4 items-center justify-center"
     >
       <i class="opacity-75 pb-2 material-icons">manage_search</i>
-      <span class="text-xs text-center">
+      <span class="text-center">
         {{ $t("nothing_found") }} "{{ filterText }}"
       </span>
     </div>