From 69d36a32a1190004812882e02e463e7f1d28def1 Mon Sep 17 00:00:00 2001 From: nopoz Date: Sat, 4 Jul 2026 21:21:10 -0700 Subject: [PATCH] fix(ui): restore monospace font on the container name Pre-#113 the container name was chip content and inherited JetBrains Mono from the global chip rule. The grid redesign made it a plain span, so it fell back to the UI font (Rajdhani), changing the row's look. Pin JetBrains Mono on .row-name so the name matches the version tags and the pre-redesign appearance. JetBrains Mono runs larger than Rajdhani at the same size, so also hold the name at the chip font-size (0.875rem) instead of the 1rem body default, keeping it in line with the version tags. Verified live: the name computes to JetBrains Mono at 14px, matching the version chips. --- ui/src/components/ContainerItem.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/ui/src/components/ContainerItem.vue b/ui/src/components/ContainerItem.vue index 28a6201..5378acb 100644 --- a/ui/src/components/ContainerItem.vue +++ b/ui/src/components/ContainerItem.vue @@ -643,6 +643,10 @@ export default { flex: 0 0 auto; } .row-name { + font-family: "JetBrains Mono", monospace; + /* Match the version chips: JetBrains Mono runs larger than the UI font, so + hold the name at the chip size rather than the 1rem body default. */ + font-size: 0.875rem; color: rgb(var(--v-theme-info)); font-weight: 700; overflow: hidden;