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 af45b94787d5c0fcfa27032a5617d071f373a3e3..769c3bdeb2c399ab5a24b17e3da703fd4f445eb9 100644 --- a/src/components/DateNavigator/datenavigator.scss +++ b/src/components/DateNavigator/datenavigator.scss @@ -14,5 +14,8 @@ &.disable { opacity: 0.3, } + &.disable:hover { + cursor: default; + } } } \ No newline at end of file diff --git a/src/components/Report/ChartReport.tsx b/src/components/Report/ChartReport.tsx index 856c7811ea45dcb04a21269a991c74e0e590b2e6..8c9063eb0a358f7eca6ded9bbc2fa385446c7552 100644 --- a/src/components/Report/ChartReport.tsx +++ b/src/components/Report/ChartReport.tsx @@ -98,7 +98,7 @@ const ChartReport: React.FC<ChartReportProps> = ({ </g> <g transform={`translate(0,${marginTop})`}> <g - transform={`translate(${0.2 * width - 35}, ${height - + transform={`translate(${xScale('0')}, ${height - marginTop - marginBottom * 2})`} > 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; +}