Improve analysis dashboard UI

- Fix chart y-axis to use suggestedMax (0.2) instead of max (1.0) for better visibility of low toxicity values
- Improve decimal precision in chart tooltips (0.1% instead of 0%)
- Style quick-link buttons with solid background, shadow, and hover effects like Bluesky collector

Charts now properly display low toxicity values (0.02-0.05 range)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Pieter 2026-03-31 08:59:32 +02:00
parent 7f892456ae
commit 03fd697623

View file

@ -149,19 +149,23 @@
.quick-link { .quick-link {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding: 0.75rem 1.25rem; padding: 0.875rem 1.5rem;
background-color: rgba(0, 180, 216, 0.1); background: var(--accent);
border: 1px solid var(--accent); color: #ffffff;
border-radius: 6px;
color: var(--accent);
text-decoration: none; text-decoration: none;
font-weight: 500; border-radius: 0.5rem;
transition: all 0.3s ease; font-weight: 600;
font-size: 0.95rem;
transition: all 0.2s ease;
box-shadow: 0 2px 8px rgba(0, 180, 216, 0.3);
border: none;
} }
.quick-link:hover { .quick-link:hover {
background-color: var(--accent); background: rgba(0, 180, 216, 0.85);
color: var(--bg-primary); color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 180, 216, 0.5);
} }
.quick-link::after { .quick-link::after {
@ -562,14 +566,14 @@
display: true, display: true,
position: 'left', position: 'left',
min: 0, min: 0,
max: 1, suggestedMax: 0.2,
ticks: { ticks: {
color: chartColors.text, color: chartColors.text,
font: { font: {
size: 11 size: 11
}, },
callback: function(value) { callback: function(value) {
return (value * 100).toFixed(0) + '%'; return (value * 100).toFixed(1) + '%';
} }
}, },
grid: { grid: {