From d4bcb5eab7d05b1adf1ed96f465b05a1f5d24bd1 Mon Sep 17 00:00:00 2001
From: vlo-rte <valerie.longa@rte-france.com>
Date: Wed, 15 May 2024 14:00:11 +0200
Subject: [PATCH] Set fixed and big enough width for the selectors in "User
 action logs" screen (#6362)

Signed-off-by: vlo-rte <valerie.longa@rte-france.com>
---
 .../modules/useractionlogs/useractionlogs.component.html  | 8 ++++----
 .../modules/useractionlogs/useractionlogs.component.scss  | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/ui/main/src/app/modules/useractionlogs/useractionlogs.component.html b/ui/main/src/app/modules/useractionlogs/useractionlogs.component.html
index f3b659df9f..5747113962 100644
--- a/ui/main/src/app/modules/useractionlogs/useractionlogs.component.html
+++ b/ui/main/src/app/modules/useractionlogs/useractionlogs.component.html
@@ -19,12 +19,12 @@
     <div id="opfab-useractionlogs-filters"
         style="display: flex; padding-left: 5%; background-color: var(--opfab-bgcolor-darker)">
         <div style="display: flex; margin-top: 38px; margin-bottom: 38px">
-            <div style="min-width: 200px">
+            <div style="width: 225px">
                 <of-multi-select id="opfab-login-filter" multiSelectId="login" [parentForm]="this.userActionLogsForm"
                     [config]="loginMultiSelectConfig" [options]="this.logins" [selectedOptions]="loginsSelected">
                 </of-multi-select>
             </div>
-            <div style="min-width: 200px; margin-left: 10px">
+            <div style="width: 225px; margin-left: 10px">
                 <of-multi-select id="opfab-action-filter" multiSelectId="action" [parentForm]="this.userActionLogsForm"
                     [config]="actionsMultiSelectConfig" [options]="actions" [selectedOptions]="actionsSelected">
                 </of-multi-select>
@@ -32,14 +32,14 @@
         </div>
 
         <div style="display: flex; margin-top: 39px" [formGroup]="this.userActionLogsForm">
-            <div class="opfab-input" style="margin-left: 10px">
+            <div class="opfab-input opfab-useractionlogs-datepicker">
                 <label for="opfab-date-from" translate>useractionlogs.filters.dateFrom</label>
                 <input
                         type="datetime-local"
                         id="opfab-date-from"
                         formControlName="dateFrom">
             </div>
-            <div class="opfab-input" style="margin-left: 10px">
+            <div class="opfab-input opfab-useractionlogs-datepicker">
                 <label for="opfab-date-to" translate>useractionlogs.filters.dateTo</label>
                 <input
                         type="datetime-local"
diff --git a/ui/main/src/app/modules/useractionlogs/useractionlogs.component.scss b/ui/main/src/app/modules/useractionlogs/useractionlogs.component.scss
index dc094484e8..8b7773b059 100644
--- a/ui/main/src/app/modules/useractionlogs/useractionlogs.component.scss
+++ b/ui/main/src/app/modules/useractionlogs/useractionlogs.component.scss
@@ -24,4 +24,8 @@ td,th {
   float: right;
   margin-right: 10px;
   cursor: pointer;
+}
+.opfab-useractionlogs-datepicker {
+  margin-left: 10px;
+  width: 210px;
 }
\ No newline at end of file