From c3975ebc04ea3da2c890d5a32f7b01d6d1f2a1f6 Mon Sep 17 00:00:00 2001
From: Lukas Joss <lukas.joss@swisstopo.ch>
Date: Tue, 5 Mar 2024 13:57:34 +0100
Subject: [PATCH] PB-244: Update infobox coordinates styling and make text
 selectable

---
 src/modules/infobox/components/FeatureDetail.vue           | 2 +-
 .../infobox/components/styling/FeatureStyleEdit.vue        | 7 ++-----
 src/modules/map/components/LocationPopup.vue               | 3 ---
 src/utils/components/CoordinateCopySlot.vue                | 3 +++
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/modules/infobox/components/FeatureDetail.vue b/src/modules/infobox/components/FeatureDetail.vue
index 66a511713..1afb30db4 100644
--- a/src/modules/infobox/components/FeatureDetail.vue
+++ b/src/modules/infobox/components/FeatureDetail.vue
@@ -65,7 +65,7 @@ function sanitizeHtml(htmlText) {
                 :value="feature.geometry.coordinates.slice(0, 2)"
                 :coordinate-format="coordinateFormat"
             >
-                <FontAwesomeIcon class="d-flex" icon="fas fa-map-marker-alt" />
+                <FontAwesomeIcon class="small align-text-top" icon="fas fa-map-marker-alt" />
             </CoordinateCopySlot>
         </div>
     </div>
diff --git a/src/modules/infobox/components/styling/FeatureStyleEdit.vue b/src/modules/infobox/components/styling/FeatureStyleEdit.vue
index ddcb90211..6a1c7093b 100644
--- a/src/modules/infobox/components/styling/FeatureStyleEdit.vue
+++ b/src/modules/infobox/components/styling/FeatureStyleEdit.vue
@@ -224,16 +224,13 @@ function onDelete() {
                 <sup>2</sup>
             </div>
         </div>
-        <div
-            v-if="isFeatureMarker || isFeatureText"
-            class="d-flex small gap-1 justify-content-start align-items-center"
-        >
+        <div v-if="isFeatureMarker || isFeatureText" class="d-flex small justify-content-start">
             <CoordinateCopySlot
                 identifier="feature-style-edit-coordinate-copy"
                 :value="feature.coordinates[0].slice(0, 2)"
                 :coordinate-format="coordinateFormat"
             >
-                <FontAwesomeIcon class="d-flex small" icon="fas fa-map-marker-alt" />
+                <FontAwesomeIcon class="small pe-2 align-text-top" icon="fas fa-map-marker-alt" />
             </CoordinateCopySlot>
         </div>
         <div class="d-flex justify-content-end align-items-center">
diff --git a/src/modules/map/components/LocationPopup.vue b/src/modules/map/components/LocationPopup.vue
index 83de7c92a..331508dd9 100644
--- a/src/modules/map/components/LocationPopup.vue
+++ b/src/modules/map/components/LocationPopup.vue
@@ -237,7 +237,4 @@ function clearClick() {
 
 <style lang="scss" scoped>
 @import 'src/scss/webmapviewer-bootstrap-theme';
-.location-popup {
-    @extend .clear-no-ios-long-press;
-}
 </style>
diff --git a/src/utils/components/CoordinateCopySlot.vue b/src/utils/components/CoordinateCopySlot.vue
index f861db3d4..0ce19973a 100644
--- a/src/utils/components/CoordinateCopySlot.vue
+++ b/src/utils/components/CoordinateCopySlot.vue
@@ -135,4 +135,7 @@ async function copyValue() {
     padding: 0 0.2rem;
     font-size: inherit;
 }
+.location-popup-data {
+    @extend .clear-no-ios-long-press;
+}
 </style>