Styling fix and scraper bug fix

2026-06-14 18:39:55 +02:00
parent 6ed2a3ae0c
commit 566595984f
21 changed files with 2150 additions and 119 deletions
@@ -13,18 +13,19 @@ interface OverviewMetricsProps {

 export function OverviewMetrics({ metrics, title = 'Overview' }: OverviewMetricsProps): ReactNode {
  return (
-    <section role="region" aria-label={title} data-testid="overview-metrics">
-      <h2 data-testid="metrics-title">{title}</h2>
-      <div role="list" data-testid="metrics-list">
+    <section role="region" aria-label={title} data-testid="overview-metrics" className="overview-metrics">
+      <h2 data-testid="metrics-title" className="overview-metrics__title">{title}</h2>
+      <div role="list" data-testid="metrics-list" className="overview-metrics__list">
        {metrics.map((metric, index) => (
          <div
            key={index}
            role="listitem"
            data-testid={metric.testId || `metric-${index}`}
            data-label={metric.label}
+            className="overview-metrics__item"
          >
-            <span data-testid={`metric-label-${index}`}>{metric.label}:</span>
-            <span data-testid={`metric-value-${index}`}>{metric.value}</span>
+            <span data-testid={`metric-label-${index}`} className="overview-metrics__label">{metric.label}:</span>
+            <span data-testid={`metric-value-${index}`} className="overview-metrics__value">{metric.value}</span>
          </div>
        ))}
      </div>