Exercise graphs still dont look good on mobile, legend is too large and plot was in top right hand corner. Attempting to address issues

templates/person.html

@@ -228,7 +228,12 @@
                 {% endif %}
             ],
                 {
-                    margin: { t: 0, l: 20, r: 20 },
+                    margin: {
+                        t: 20,  // Increase top margin to move the graph downwards
+                        l: 50,  // Increase left margin if the graph is too far to the right
+                        r: 50,  // Increase right margin for the same reason
+                        b: 40   // Bottom margin for better layout
+                    },
                     xaxis: { type: 'date', showgrid: false },
                     yaxis: { title: 'Reps', showgrid: false },
                     yaxis2: {
@@ -236,7 +241,7 @@
                             overlaying: 'y',
                                 side: 'right',
                                     showgrid: false,
-                                        position: 0.96
+                                        position: 0.94
                     },
                     yaxis3: {
                         title: 'Estimated 1RM',
@@ -244,6 +249,15 @@
                                 side: 'right',
                                     showgrid: false,
                                         position: 1.00
+                    },
+                    legend: {
+                        x: 1,
+                        xanchor: 'right',
+                        y: 1,
+                        yanchor: 'top',
+                        font: {
+                            size: 10  // Adjust the font size of the legend to make it smaller
+                        }
                     }
                 }, {
                     responsive: true,