diff --git a/.gitignore b/.gitignore index 312d3d56204ef8f861923a4913d741dc479af3d4..be64af424414146e52f848a3143a44a1c6eab5ad 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,8 @@ node_modules/ npm-debug.log yarn-error.log +#Report +public/report.html # Build build/ diff --git a/src/components/DateNavigator/datenavigator.scss b/src/components/DateNavigator/datenavigator.scss index fa94a22fecb185ebe8e2a8bcac51ab1c24624565..769c3bdeb2c399ab5a24b17e3da703fd4f445eb9 100644 --- a/src/components/DateNavigator/datenavigator.scss +++ b/src/components/DateNavigator/datenavigator.scss @@ -12,7 +12,10 @@ color: $soft-grey; text-decoration: underline; &.disable { - opacity: 0, + opacity: 0.3, + } + &.disable:hover { + cursor: default; } } } \ No newline at end of file diff --git a/src/components/Report/MonthlyReport.tsx b/src/components/Report/MonthlyReport.tsx index 46c176a9fe3e8f6c8cab10c0dd9d2f5c5a55bcef..21ffa12b1e5664412e3170649b64157f538a2f6c 100644 --- a/src/components/Report/MonthlyReport.tsx +++ b/src/components/Report/MonthlyReport.tsx @@ -113,7 +113,7 @@ const MonthlyReport: React.FC = () => { indexDisplayed={0} offset={{ month: -1 }} /> - <div> + <div className="flex-center"> <div className="report-header text-16-normal-uppercase"> {t('report.reportDate')}{' '} {convertDateToMonthString(reportDate.plus({ month: -1 }))} diff --git a/src/components/Report/chartreport.scss b/src/components/Report/chartreport.scss index e51e717835cfe6d6342d84aa6713b37cb1685ccc..e44d6484fb1368c6682a3b4666832c1367fc1c10 100644 --- a/src/components/Report/chartreport.scss +++ b/src/components/Report/chartreport.scss @@ -4,4 +4,5 @@ .chart-root { margin-bottom: 1rem; + max-width: 400px; } \ No newline at end of file diff --git a/src/styles/components/_indicators.scss b/src/styles/components/_indicators.scss index 26c1dc9ba73aed8d23dcd32ec0692818d165399b..d824b6301ae8a654a8834b6fa3b7d1b267b7ec3e 100644 --- a/src/styles/components/_indicators.scss +++ b/src/styles/components/_indicators.scss @@ -76,6 +76,7 @@ .fpi-content { display: flex; flex-direction: row; + justify-content: center; &:first-child() { margin-bottom: 0.75rem; } @@ -157,3 +158,9 @@ align-self: center; } } +.flex-center { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} diff --git a/src/styles/components/_nav.scss b/src/styles/components/_nav.scss index 91e0315394e7e46b56823ccc3cb1b8840b76b1e7..29fc686536260b1368b13147f0e6df19d785789f 100644 --- a/src/styles/components/_nav.scss +++ b/src/styles/components/_nav.scss @@ -79,6 +79,7 @@ .c-nav-link.is-active { color: $white; + box-shadow: inset 0.25rem 0 0 0 $gold; text-decoration: none; .on { display: block;