diff --git a/frontend/components/probability-hub/ProbabilityHubPage.module.css b/frontend/components/probability-hub/ProbabilityHubPage.module.css index 48fec8c1..91e5659c 100644 --- a/frontend/components/probability-hub/ProbabilityHubPage.module.css +++ b/frontend/components/probability-hub/ProbabilityHubPage.module.css @@ -171,24 +171,36 @@ .cardMeta { display: flex; flex-wrap: wrap; - gap: 8px; + align-items: center; + gap: 10px; + color: var(--text-muted); } .metaChip { display: inline-flex; align-items: center; - gap: 6px; - min-height: 26px; - padding: 4px 8px; - border-radius: 999px; - border: 1px solid rgba(148, 163, 184, 0.14); - background: rgba(255, 255, 255, 0.03); + gap: 4px; + min-height: 0; + padding: 0; + border: 0; + background: transparent; color: var(--text-muted); - font-size: 11px; + font-size: 12px; + line-height: 1.4; +} + +.metaChip + .metaChip::before { + content: ""; + display: inline-block; + width: 1px; + height: 10px; + margin-right: 6px; + background: rgba(148, 163, 184, 0.22); } .metaChip strong { - color: var(--text-secondary); + color: var(--text-primary); + font-weight: 700; } .loadingGrid {