Client - fix chart display on mobile

fittrackee_client/src/components/Common/StatsChart/Chart.vue

@@ -203,15 +203,22 @@
   @import '~@/scss/vars.scss';
 
   .bar-chart {
+    position: relative;
     min-height: 400px;
+    width: 100%;
     &.minimal {
       min-height: 300px;
     }
 
     @media screen and (max-width: $small-limit) {
+      min-height: 268px;
       &.minimal {
         min-height: 290px;
       }
     }
+
+    @media screen and (max-width: 420px) {
+      width: calc(100vw - 95px);
+    }
   }
 </style>

fittrackee_client/src/components/Common/StatsChart/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="start-chart">
+  <div class="stats-chart">
     <div v-if="hideChartIfNoData && emptyStats">
       {{ $t('workouts.NO_WORKOUTS') }}
     </div>
@@ -185,7 +185,8 @@
 
 <style lang="scss" scoped>
   @import '~@/scss/vars';
-  .start-chart {
+  .stats-chart {
+    width: 100%;
     .chart-radio {
       display: flex;
       justify-content: space-between;