identified addresses are no longer monospace

ui/src/App.vue

@@ -38,14 +38,14 @@ export default defineComponent({
 @import url("/assets/fonts/inter.css");
 
 html {
-  font-family: "Inter", sans-serif;
+  --default-font: "Inter", sans-serif;
   --foreground: #2c3e50;
   --background: white;
 }
 
 @supports (font-variation-settings: normal) {
   html {
-    font-family: "Inter var", sans-serif;
+    --default-font: "Inter var", sans-serif;
   }
 }
 
@@ -60,6 +60,8 @@ html,
 body,
 #app {
   height: calc(100% - 1rem);
+
+  font-family: var(--default-font);
   color: var(--foreground);
   background: var(--background);
 }

ui/src/components/Address.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="address" ref="root">
+  <div :class="['address', { identified: Boolean(inferredId) }]" ref="root">
     <hash-badge :address="address" class="hash-badge" />
     <a v-if="isFile" :href="`/api/raw/${address}`">{{ address }}</a>
     <template v-else>
@@ -91,6 +91,11 @@ export default defineComponent({
   display: flex;
 }
 
+.address.identified {
+  font-family: var(--default-font);
+  font-size: .95em;
+}
+
 .hash-badge {
   margin-right: 0.5em;
 }