fix: add wrap to home buttons to avoid mobile horizontal scroll (#1038)

geonetwork · Nov 14, 2024 · 89e0d3b · 89e0d3b
1 parent 9ee3821
commit 89e0d3b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/apps/datahub/src/app/home/home-header/home-header.component.html b/apps/datahub/src/app/home/home-header/home-header.component.html
@@ -23,7 +23,10 @@
         (itemSelected)="onFuzzySearchSelection($event)"
         [autoFocus]="true"
       ></gn-ui-fuzzy-search>
-      <div class="flex h-0 py-5 gap-3" [style.opacity]="-0.6 + expandRatio * 2">
+      <div
+        class="flex flex-wrap h-0 py-5 gap-3"
+        [style.opacity]="-0.6 + expandRatio * 2"
+      >
         <datahub-header-badge-button
           [routerLink]="ROUTE_SEARCH"
           *ngIf="isAuthenticated$ | async"