From adeabd350ae265457c31c7e2370165425d235ab7 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 1/3] 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..6199d8e7c2 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 -mx-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 place-self-end"
       [link]="selectedLink$ | async"
       [mapConfig]="mapConfig"
     >

From c0a605ad3d5c6ac45c2764f885320112f298100b Mon Sep 17 00:00:00 2001
From: Tobias Kohr <tobias.kohr@camptocamp.com>
Date: Mon, 23 Oct 2023 16:24:57 +0200
Subject: [PATCH 2/3] fix(dropdown): fix truncate for mobile

when title switches to flex-col display
---
 .../lib/dropdown-selector/dropdown-selector.component.html  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html b/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html
index 972dd747f9..2392946090 100644
--- a/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html
+++ b/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html
@@ -1,6 +1,4 @@
-<div
-  class="flex items-start flex-col sm:flex-row sm:items-center relative w-full"
->
+<div class="flex flex-col sm:flex-row sm:items-center relative w-full">
   <span
     *ngIf="showTitle"
     class="tracking-wide text-sm mb-2 sm:mb-0 sm:mr-2 whitespace-nowrap"
@@ -56,7 +54,7 @@
       type="button"
       *ngFor="let choice of choices"
       [title]="choice.label"
-      class="flex px-5 py-1 w-full cursor-pointer transition-colors"
+      class="flex px-5 py-1 w-full text-start cursor-pointer transition-colors"
       [ngClass]="
         isSelected(choice)
           ? 'text-white bg-primary hover:text-white hover:bg-primary-darker focus:text-white focus:bg-primary-darker'

From 1f70384eb77b7c93075c32830dd9c8fe0d8fab59 Mon Sep 17 00:00:00 2001
From: Tobias Kohr <tobias.kohr@camptocamp.com>
Date: Mon, 23 Oct 2023 16:25:56 +0200
Subject: [PATCH 3/3] fix(data-view): fix dropdown truncate within flex

---
 libs/feature/record/src/lib/data-view/data-view.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/feature/record/src/lib/data-view/data-view.component.html b/libs/feature/record/src/lib/data-view/data-view.component.html
index 0a647a42d2..a108eeb621 100644
--- a/libs/feature/record/src/lib/data-view/data-view.component.html
+++ b/libs/feature/record/src/lib/data-view/data-view.component.html
@@ -2,7 +2,7 @@
   <gn-ui-dropdown-selector
     *ngIf="dropdownChoices$ | async as choices"
     [title]="'table.select.data' | translate"
-    class="mb-7 w-auto ml-auto"
+    class="truncate p-1 -mx-1"
     extraBtnClass="!text-primary font-sans font-medium"
     [choices]="choices"
     (selectValue)="selectLink($event)"