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>
opfab · May 16, 2024 · d4bcb5e · d4bcb5e
1 parent 958737b
commit d4bcb5e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/ui/main/src/app/modules/useractionlogs/useractionlogs.component.html b/ui/main/src/app/modules/useractionlogs/useractionlogs.component.html
@@ -19,27 +19,27 @@
     <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>
             </div>
         </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
@@ -24,4 +24,8 @@ td,th {
   float: right;
   margin-right: 10px;
   cursor: pointer;
+}
+.opfab-useractionlogs-datepicker {
+  margin-left: 10px;
+  width: 210px;
 }