From 02031dd2402af2ad4f15346a9b3fe7f8e2931e7c Mon Sep 17 00:00:00 2001
From: MAudelGisaia <mickael.audel@gisaia.com>
Date: Fri, 20 Dec 2024 14:06:23 +0100
Subject: [PATCH] wip: move about

---
 src/app/components/action-menu/action-menu.component.html   | 5 ++---
 .../components/arlas-wui-root/arlas-wui-root.component.html | 6 +++---
 .../components/arlas-wui-root/arlas-wui-root.component.scss | 3 ++-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/components/action-menu/action-menu.component.html b/src/app/components/action-menu/action-menu.component.html
index dc785c5d..2ae25060 100644
--- a/src/app/components/action-menu/action-menu.component.html
+++ b/src/app/components/action-menu/action-menu.component.html
@@ -6,7 +6,6 @@
 
 <arlas-download #download [collections]="collections" [hidden]="true"></arlas-download>
 
-
 <arlas-bookmark-menu #bookmarkMenu></arlas-bookmark-menu>
 
 <arlas-about #about [pathToMd]="aboutFile" [extraTextData]="extraAboutText"></arlas-about>
@@ -46,8 +45,8 @@
   </button>
 
   <!-- Information -->
-  <button mat-icon-button *ngIf="showAboutButton()" matTooltip="{{ 'About' | translate }} {{ wuiName() }} {{ version() }}"
-          (click)="displayAbout()">
+  <button mat-menu-item *ngIf="showAboutButton()" (click)="displayAbout()">
     <mat-icon class="icon">info_outline</mat-icon>
+    <span>{{ 'About' | translate }} {{ wuiName() }} {{ version() }}</span>
   </button>
 </mat-menu>
diff --git a/src/app/components/arlas-wui-root/arlas-wui-root.component.html b/src/app/components/arlas-wui-root/arlas-wui-root.component.html
index 09727257..d8214d52 100644
--- a/src/app/components/arlas-wui-root/arlas-wui-root.component.html
+++ b/src/app/components/arlas-wui-root/arlas-wui-root.component.html
@@ -11,12 +11,12 @@
       </arlas-filter>
     </div>
 
-    <div right-menu class="title" id="title">
+    <div right-menu class="right-menu-container" id="title">
       <arlas-permissions-creator></arlas-permissions-creator>
       <mat-divider vertical class="vertical-divider"></mat-divider>
-      {{appName | translate}}
+      <span>{{appName | translate}}</span>
+      <arlas-action-menu [wuiName]="'ARLAS WUI'" [version]="version" [collections]="collections"></arlas-action-menu>
     </div>
-    <!--<arlas-action-menu [wuiName]="'ARLAS WUI'" [version]="version" [collections]="collections"></arlas-action-menu>-->
   </arlas-top-menu>
 
   <mat-sidenav-container class="sidenav-container">
diff --git a/src/app/components/arlas-wui-root/arlas-wui-root.component.scss b/src/app/components/arlas-wui-root/arlas-wui-root.component.scss
index 48b3befc..8d19b696 100644
--- a/src/app/components/arlas-wui-root/arlas-wui-root.component.scss
+++ b/src/app/components/arlas-wui-root/arlas-wui-root.component.scss
@@ -461,9 +461,10 @@
   border-bottom: $menu-border;
 }
 
-.title {
+.right-menu-container {
   font-size: $title-font-size;
   display: flex;
+  align-items: center;
   mat-divider {
     margin: 0 $sm-margin;
   }