From 2ed4052162e2fcfa49f55cdd7f77cc2595526169 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Tue, 21 Jul 2020 15:50:20 +0200
Subject: Fix overflow and rearrange

---
 .../components/app/results/PortfolioResultsComponent.js  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'frontend/src/components/app')

diff --git a/frontend/src/components/app/results/PortfolioResultsComponent.js b/frontend/src/components/app/results/PortfolioResultsComponent.js
index 8c778098..a5c33f47 100644
--- a/frontend/src/components/app/results/PortfolioResultsComponent.js
+++ b/frontend/src/components/app/results/PortfolioResultsComponent.js
@@ -46,21 +46,21 @@ const PortfolioResultsComponent = ({ portfolio, scenarios }) => {
     })
 
     return (
-        <div>
+        <div className="full-height" style={{ overflowY: 'scroll', overflowX: 'hidden' }}>
             <h1>Portfolio: {portfolio.name}</h1>
             <p>Repeats per Scenario: {portfolio.targets.repeatsPerScenario}</p>
             <div className="row">
-                {AVAILABLE_METRICS.map(metric => (
+                {AVAILABLE_METRICS.map((metric) => (
                     <div className="col-6" key={metric}>
                         <h4>{METRIC_NAMES[metric]}</h4>
                         <ResponsiveContainer aspect={16 / 9} width="100%">
                             <BarChart data={dataPerMetric[metric]}>
-                                <CartesianGrid strokeDasharray="3 3"/>
-                                <XAxis dataKey="name"/>
-                                <YAxis tickFormatter={tick => approx(tick)}/>
-                                <Tooltip/>
-                                <Bar dataKey="value" fill="#8884d8"/>
-                                <ErrorBar dataKey="std" width={4} strokeWidth={2} stroke="blue" direction="y"/>
+                                <CartesianGrid strokeDasharray="3 3" />
+                                <XAxis dataKey="name" />
+                                <YAxis tickFormatter={(tick) => approx(tick)} />
+                                <Tooltip />
+                                <Bar dataKey="value" fill="#8884d8" />
+                                <ErrorBar dataKey="std" width={4} strokeWidth={2} stroke="blue" direction="y" />
                             </BarChart>
                         </ResponsiveContainer>
                     </div>
-- 
cgit v1.2.3