From fa83aac20a95eb8c821ce6f1019048ebddb17c4f Mon Sep 17 00:00:00 2001
From: Tobias Kohr <tobias.kohr@camptocamp.com>
Date: Fri, 20 Oct 2023 10:22:50 +0200
Subject: [PATCH] fix(map-view): display external viewer button correctly

template allows truncate in dropdown within flex layout, without cutting outlines
---
 .../external-viewer-button.component.html                    | 2 +-
 libs/feature/record/src/lib/map-view/map-view.component.html | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.html b/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.html
index f2217291b1..fa542b4e8a 100644
--- a/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.html
+++ b/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.html
@@ -3,7 +3,7 @@
   (buttonClick)="openInExternalViewer()"
   type="secondary"
   [title]="'record.externalViewer.open' | translate"
-  extraClass="!p-[0.6em] !rounded-lg"
+  extraClass="ms-2 !rounded-lg"
 >
   <mat-icon class="material-symbols-outlined">open_in_new</mat-icon>
 </gn-ui-button>
diff --git a/libs/feature/record/src/lib/map-view/map-view.component.html b/libs/feature/record/src/lib/map-view/map-view.component.html
index 81d0155f5d..fd8b2f8f3c 100644
--- a/libs/feature/record/src/lib/map-view/map-view.component.html
+++ b/libs/feature/record/src/lib/map-view/map-view.component.html
@@ -1,13 +1,14 @@
 <div class="w-full h-full flex flex-col p-1">
-  <div class="w-full mb-7 mt-1">
+  <div class="w-full flex justify-end mb-7 mt-1">
     <gn-ui-dropdown-selector
+      class="truncate p-1 -me-1"
       extraBtnClass="!text-primary font-sans font-medium"
       [title]="'map.select.layer' | translate"
       [choices]="dropdownChoices$ | async"
       (selectValue)="selectLinkToDisplay($event)"
     ></gn-ui-dropdown-selector>
     <gn-ui-external-viewer-button
-      class="shrink-0"
+      class="shrink-0 py-1"
       [link]="selectedLink$ | async"
       [mapConfig]="mapConfig"
     >