From 50676c5e95126ff53c786b778fed69f459db622f Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Sat, 6 Nov 2021 02:48:40 +0100
Subject: [PATCH] #5 mobile-support for hitgroup dummy

---
 src/components/HitgroupPuppet.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/HitgroupPuppet.vue b/src/components/HitgroupPuppet.vue
index 8b5fbeb..ce0a48a 100644
--- a/src/components/HitgroupPuppet.vue
+++ b/src/components/HitgroupPuppet.vue
@@ -355,7 +355,7 @@ export default {
     const buildCharts = (arr) => {
       disposeCharts()
 
-      myChart1 = echarts.init(document.getElementById('hitgroup-puppet'), {}, {width: 500, height: 500})
+      myChart1 = echarts.init(document.getElementById('hitgroup-puppet'), {}, {width: 300, height: 500})
 
       const url = require('@/assets/images/icons/hitgroup-puppet.svg')
       $.get(url, function (svg) {
@@ -418,4 +418,11 @@ export default {
   }
 }
 
+@media (max-width: 600px) {
+  .select-group {
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+  }
+}
 </style>