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

components/history/graphql/Card.vue

@@ -4,9 +4,7 @@
       <span
         class="
           cursor-pointer
-          flex
-          font-semibold
-          flex-1
+          flex flex-1
           min-w-0
           py-2
           pr-2
@@ -51,14 +49,7 @@
       <span
         v-for="(line, index) in query"
         :key="`line-${index}`"
-        class="
-          cursor-pointer
-          font-mono
-          text-secondaryLight
-          px-4
-          whitespace-pre
-          truncate
-        "
+        class="cursor-pointer text-secondaryLight px-4 whitespace-pre truncate"
         data-testid="restore_history_entry"
         @click="useEntry"
         >{{ line }}</span

components/history/index.vue

@@ -17,7 +17,6 @@
           class="
             bg-primaryLight
             flex
-            font-semibold font-mono
             w-full
             py-2
             pr-2

components/history/rest/Card.vue

@@ -1,16 +1,7 @@
 <template>
   <div class="flex items-center group">
     <span
-      class="
-        cursor-pointer
-        flex
-        font-mono font-bold
-        mx-2
-        w-12
-        justify-center
-        items-center
-        truncate
-      "
+      class="cursor-pointer flex mx-2 w-12 justify-center items-center truncate"
       :class="entryStatus.className"
       data-testid="restore_history_entry"
       :title="duration"
@@ -21,9 +12,7 @@
     <span
       class="
         cursor-pointer
-        flex
-        font-semibold
-        flex-1
+        flex flex-1
         min-w-0
         py-2
         pr-2