Merge branch 'develop'

resources/js/components/Evaluations/Single/Components/Step5/FutureRiskGraph.vue

 <template>
-    <Bar v-if="loaded && chartData" :chart-data="chartData" :chart-options="options" />
+    <Bar v-if="loaded && chartData" :chart-data="chartData" :chart-options="options" style="max-width:500px!important;max-height:500px!important;margin: auto;"/>
     <div v-else class=" text-center">
         <i class="fas fa-spin fa-spinner"></i>
     </div>
@@ -21,9 +21,15 @@ export default {
         return {
             loaded: this.$store.state.graphs[this.evaluation.id] && this.$store.state.graphs[this.evaluation.id].risks && this.$store.state.graphs[this.evaluation.id].futurerisks,
             options: {
+                responsive: true,
                 plugins: {
                     legend: {
-                        display: true
+                        display: true,
+                        labels: {
+                            font: {
+                                size: 10
+                            }
+                        }
                     },
                     tooltip: {
                         callbacks: {
@@ -50,7 +56,10 @@ export default {
                             autoSkip: false,
                             maxRotation: 40,
                             minRotation: 40,
-                        }
+                            font: {
+                                size: 9
+                            },
+                        },
                     },
                     y: {
                         min: 0,

resources/js/components/Evaluations/Single/View/index.vue

@@ -44,7 +44,7 @@
                         </div>
                     </div>
                     <div class="card-body">
-                        <FutureRiskGraph :evaluation="evaluation" />
+                        <FutureRiskGraph :evaluation="evaluation"/>
                     </div>
                 </div>
             </div>