Improve look of person list exercise graphs when on mobile

templates/person.html

@@ -197,7 +197,7 @@
                 <span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
                     exercise_graph['ExerciseName'] }}</span>
             </div>
-            <div id="e-{{ exercise_graph['ExerciseId'] }}"></div>
+            <div id="e-{{ exercise_graph['ExerciseId'] }}" class="w-full mt-2 aspect-video"></div>
             <script>
                 Plotly.newPlot("e-{{ exercise_graph['ExerciseId'] }}", [
                     {% if 'repetitions' in graph_axis %}
@@ -245,7 +245,19 @@
                                     showgrid: false,
                                         position: 1.00
                     }
-                }, config);
+                }, {
+                    responsive: true,
+                    displayModeBar: false,
+                    staticPlot: true,
+                    displaylogo: false,
+                    modeBarButtonsToRemove: ['toImage', 'sendDataToCloud', 'zoom2d', 'pan2d', 'select2d', 'lasso2d',
+                        'zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d', 'hoverClosestCartesian',
+                        'hoverCompareCartesian', 'zoom3d', 'pan3d', 'orbitRotation', 'tableRotation',
+                        'resetCameraDefault3d', 'resetCameraLastSave3d', 'hoverClosest3d', 'zoomInGeo',
+                        'zoomOutGeo', 'resetGeo', 'hoverClosestGeo', 'hoverClosestGl2d', 'hoverClosestPie',
+                        'toggleHover', 'resetViews', 'toggleSpikelines', 'resetViewMapbox'
+                    ]
+                });
             </script>
         </div>
     </div>