fix(map-view): display external viewer button correctly

template allows truncate in dropdown within flex layout, without cutting outlines
geonetwork · Oct 20, 2023 · adeabd3 · adeabd3
1 parent 13bd9db
commit adeabd3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 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
@@ -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
@@ -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"
     >