Updated Map View

resources/js/Components/FlightsGoneBy/FlightMap.vue

@@ -14,7 +14,7 @@
         </div>
         <div v-if="showLegend" class="map-legend" :class="{ 'map-legend--open': legendOpen }">
             <button class="map-legend__toggle" @click="legendOpen = !legendOpen">
-                <span class="mdi mdi-map-legend" />
+                <span class="mdi mdi-format-list-bulleted" />
                 <span class="map-legend__toggle-label">Legend</span>
                 <span class="mdi" :class="legendOpen ? 'mdi-chevron-down' : 'mdi-chevron-up'" />
             </button>
@@ -894,14 +894,14 @@ export default defineComponent({
     display:        flex;
     flex-direction: column;
     gap:            6px;
-    padding:        0 10px 10px;
+    padding:        0 10px 0;
     max-height:     0;
     overflow:       hidden;
     transition:     max-height 0.2s ease, padding 0.2s ease;
 }
 .map-legend--open .map-legend__body {
     max-height: 200px;
-    padding-top: 2px;
+    padding: 2px 10px 10px;
 }
 
 .map-legend__row {