Set fixed height for time-based line chart

src/visits/helpers/LineCHartCard.scss

@@ -0,0 +1,9 @@
+@import '../../utils/base';
+
+.line-chart-card__body canvas {
+  height: 300px !important;
+
+  @media (min-width: $mdMin) {
+    height: 350px !important;
+  }
+}

src/visits/helpers/LineChartCard.js

@@ -14,6 +14,7 @@ import { reverse } from 'ramda';
 import moment from 'moment';
 import { VisitType } from '../types';
 import { fillTheGaps } from '../../utils/helpers/visits';
+import './LineCHartCard.scss';
 
 const propTypes = {
   title: PropTypes.string,
@@ -86,6 +87,7 @@ const LineChartCard = ({ title, visits, highlightedVisits }) => {
     ].filter(Boolean),
   };
   const options = {
+    maintainAspectRatio: false,
     legend: { display: false },
     scales: {
       yAxes: [
@@ -115,8 +117,8 @@ const LineChartCard = ({ title, visits, highlightedVisits }) => {
           </UncontrolledDropdown>
         </div>
       </CardHeader>
-      <CardBody>
+      <CardBody className="line-chart-card__body">
-        <Line data={data} options={options} height={80} />
+        <Line data={data} options={options} />
       </CardBody>
     </Card>
   );