refactor(ui): minor font tweaks

components/graphql/Field.vue

@@ -21,7 +21,7 @@
     </div>
     <div
       v-if="gqlField.description"
-      class="mt-2 text-secondaryLight field-desc"
+      class="py-2 text-sm text-secondaryLight field-desc"
     >
       {{ gqlField.description }}
     </div>
@@ -53,7 +53,7 @@
           />
           <div
             v-if="field.description"
-            class="mt-2 text-secondaryLight field-desc"
+            class="py-2 text-sm text-secondaryLight field-desc"
           >
             {{ field.description }}
           </div>

components/graphql/Type.vue

@@ -4,11 +4,9 @@
       class="font-bold type-title"
       :class="{ 'type-highlighted': isHighlighted }"
     >
-      <span v-if="isInput" class="font-normal text-accent">input </span>
-      <span v-else-if="isInterface" class="font-normal text-accent"
-        >interface
-      </span>
-      <span v-else-if="isEnum" class="font-normal text-accent">enum </span>
+      <span v-if="isInput" class="text-accent">input </span>
+      <span v-else-if="isInterface" class="text-accent">interface </span>
+      <span v-else-if="isEnum" class="text-accent">enum </span>
       {{ gqlType.name }}
     </div>
     <div v-if="gqlType.description" class="mt-2 text-secondaryLight type-desc">

components/graphql/TypeLink.vue

@@ -1,7 +1,7 @@
 <template>
   <span
     :class="{ 'cursor-pointer': !isScalar }"
-    class="font-mono font-normal text-accent"
+    class="font-mono text-sm text-accent"
     @click="jumpToType"
   >
     {{ typeString }}