diff --git a/frontend/src/pages/research/BenchmarksPage.scss b/frontend/src/pages/research/BenchmarksPage.scss index 4f6e998..344e1f0 100644 --- a/frontend/src/pages/research/BenchmarksPage.scss +++ b/frontend/src/pages/research/BenchmarksPage.scss @@ -267,6 +267,7 @@ grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 1.5rem; + min-width: 0; @media (max-width: 968px) { grid-template-columns: 1fr; @@ -295,6 +296,8 @@ border: 1px solid rgba(148, 163, 184, 0.1); border-radius: 16px; padding: 1.5rem; + min-width: 0; + overflow: hidden; transition: all 0.3s ease; .trend-chart__title { @@ -311,6 +314,27 @@ } } +.chart-card .trend-chart { + height: auto !important; + min-width: 0; + overflow: hidden; +} + +.chart-card .recharts-responsive-container { + height: 286px !important; + min-height: 240px; +} + +@media (max-width: 480px) { + .chart-card { + padding: 1rem; + } + + .chart-card .recharts-responsive-container { + height: 260px !important; + } +} + /* Differentiator Card - Simplified */ .differentiator-card-simple { background: rgba(13, 20, 36, 0.6); @@ -991,4 +1015,4 @@ margin-top: 0.75rem; font-size: 0.8rem; color: var(--extensionshield-text-secondary, #94a3b8); -} \ No newline at end of file +}