Fix z-indexu pro navigaci, pridani prostoru do verejne casti detialu letu

src/components/flightPlans/FlightPlanMap.vue

@@ -121,7 +121,7 @@ const handleMarkerMove = async (idx, event) => {
 
     <template v-if="displayTrackAids">
       <template v-for="marker in trackAids" :key="marker">
-        <CustomMarker :options="marker">
+        <CustomMarker :options="marker" class="track-info-marker">
           <div class="track-info" :style='`transform: rotate(${marker.bearing}deg)`'>
             {{ marker.bearing }}&deg; <br>
             {{ getDuration(marker.distance, flightPlan.plannedSpeed) }}'
@@ -136,7 +136,7 @@ const handleMarkerMove = async (idx, event) => {
   </MapWrapper>
 </template>
 
-<style scoped>
+<style>
 .track-info {
   background: rgba(128, 128, 128, 0.5);
   color: white;
@@ -147,4 +147,8 @@ const handleMarkerMove = async (idx, event) => {
   font-weight: bold;
   transform-origin: 50% 50%;
 }
+
+.track-info-marker {
+  z-index: 999;
+}
 </style>

src/components/flightPlans/FlightPlanSideControls.vue

@@ -19,10 +19,8 @@ const props = defineProps({
 });
 
 const emits = defineEmits(["open", "change-insert-position", "fullscreen-toggle"])
-
 const {getDuration, getTotalDistance, getTotalDuration} = useFlightPlanCalculations();
 const totalDistance = computed(() => getTotalDistance(props.flightPlan));
-
 </script>
 
 <template>
@@ -69,9 +67,6 @@ const totalDistance = computed(() => getTotalDistance(props.flightPlan));
                 :color="insertPosition === i+1 ? 'primary' : 'grey'"
               />
             </q-item-label>
-            <q-item-label>
-
-            </q-item-label>
           </q-item-section>
         </q-item>