fix weaponchart responsive position

src/components/WeaponChart.vue

@@ -86,7 +86,7 @@ export default defineComponent({
       // eslint-disable-next-line no-unused-expressions
       this.$props.playerHighlighted
       const options = {
-        responsive: false,
+        responsive: true,
         maintainAspectRatio: true,
         animation: { duration: 500 },
         layout: { autoPadding: false },
@@ -158,8 +158,9 @@ export default defineComponent({
 </script>
 
 <style scoped>
-canvas {
-  background: var(--accent);
+.weaponChart {
+  width: calc(min(50vw, 50vh) - 3em);
+  height: calc(min(50vw, 50vh) - 3em);
 }
 
 @media only screen and (max-width: 922px) {