From f18b1202c18896ae6aa4b9deb496c172c8e1034e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 10 Jan 2023 10:35:12 +0100
Subject: [PATCH] Cleanup

---
 webapp/pages/map.vue | 43 ++++++++++++-------------------------------
 1 file changed, 12 insertions(+), 31 deletions(-)

diff --git a/webapp/pages/map.vue b/webapp/pages/map.vue
index ef5d6f786..0f41523c4 100644
--- a/webapp/pages/map.vue
+++ b/webapp/pages/map.vue
@@ -17,21 +17,18 @@
       @load="onMapLoad"
     >
       <!-- <MglScaleControl /> -->
-      <!-- TODO: Move into mapboxgl-control-container -->
-      <div class="map-controls">
-        <ds-button
-          class="style-button"
-          v-for="style in styles.available"
-          :key="style.title"
-          filled
-          size="small"
-          :primary="mapOptions.style === style.url ? true : false"
-          @click="setStyle(style.url)"
-        >
-          {{ style.title }}
-        </ds-button>
-        <MglMarker :coordinates="[10.452764, 51.165707]" color="blue" />
-      </div>
+      <ds-button
+        class="style-button"
+        v-for="style in styles.available"
+        :key="style.title"
+        filled
+        size="small"
+        :primary="mapOptions.style === style.url ? true : false"
+        @click="setStyle(style.url)"
+      >
+        {{ style.title }}
+      </ds-button>
+      <MglMarker :coordinates="[10.452764, 51.165707]" color="blue" />
     </mgl-map>
   </client-only>
 </template>
@@ -100,8 +97,6 @@ export default {
 <style lang="scss">
 // description: https: //github.com/geospoc/v-mapbox/tree/v1.11.2/docs
 //   code example: https: //codesandbox.io/embed/v-mapbox-map-demo-k1l1n?autoresize=1&fontsize=14&hidenavigation=1&theme=dark
-// @import "~mapbox-gl/dist/mapbox-gl.css";
-// @import "~v-mapbox/dist/v-mapbox.css";
 @import "mapbox-gl/dist/mapbox-gl.css";
 @import "v-mapbox/dist/v-mapbox.css";
 
@@ -112,18 +107,4 @@ export default {
   margin-left: 5px;
   margin-top: 5px;
 }
-// .map-controls {
-//   position: absolute;
-//   top: 100px;
-//   padding-left: 3px;
-// }
-// .map-controls button {
-//   margin-left: 5px;
-// }
-// .mapboxgl-control-container {
-//   margin-top: -45px;
-// }
-// .mapboxgl-control-container a {
-//   color: black;
-// }
 </style>