From 8409f1dd65eab489cab638d3df32b19e1d696288 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Sat, 25 Dec 2021 14:54:46 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=A7=A3=E5=86=B3=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E6=9D=BF=E4=B8=AD=E7=BC=A9=E6=94=BE=E6=8C=89=E9=92=AE=E9=81=AE?=
 =?UTF-8?q?=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/chart/components/ChartComponent.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/chart/components/ChartComponent.vue b/frontend/src/views/chart/components/ChartComponent.vue
index c489fd602c..905b80a0e3 100644
--- a/frontend/src/views/chart/components/ChartComponent.vue
+++ b/frontend/src/views/chart/components/ChartComponent.vue
@@ -9,11 +9,11 @@
     />
     <div :id="chartId" style="width: 100%;height: 100%;overflow: hidden;" :style="{ borderRadius: borderRadius}" />
     <div v-if="chart.type === 'map'" class="map-zoom-box">
-      <div style="margin-bottom: 20px;">
+      <div style="margin-bottom: 0.5em;">
         <el-button size="mini" icon="el-icon-plus" circle @click="roamMap(true)" />
       </div>
 
-      <div style="margin-bottom: 20px;">
+      <div style="margin-bottom: 0.5em;">
         <el-button size="mini" icon="el-icon-refresh" circle @click="resetZoom()" />
       </div>
 
@@ -364,8 +364,8 @@ export default {
   .map-zoom-box {
     position: absolute;
     z-index: 999;
-    right: 2%;
-    top: 5%;
+    left: 2%;
+    bottom: 3%;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     text-align: center;
     padding: 5px;