Merge branch 'fix/more-filters-cross' into 'dev'

fix(ui): smaller more-filters cross

See merge request !790

src/app/structure-list/components/more-filters/more-filters.component.html

@@ -3,9 +3,15 @@
     <!-- Header for "Other filters" modal -->
     <div *ngIf="getModalType() === 'moreFilters'" class="moreFiltersHeader">
       <h3>Plus de filtres</h3>
-      <div class="closeIcon" tabindex="0" (click)="closeModal()" (keyup.enter)="closeModal()">
-        <app-svg-icon [iconClass]="'icon-40'" [iconColor]="'grey-1'" [icon]="'cross'" [folder]="'ico'" />
-      </div>
+      <app-svg-icon
+        tabindex="0"
+        [iconClass]="'icon-24 hover'"
+        [iconColor]="'grey-1'"
+        [icon]="'cross'"
+        [folder]="'ico'"
+        (click)="closeModal()"
+        (keyup.enter)="closeModal()"
+      />
     </div>
     <!-- Filter with single category -->
     <div *ngIf="categories.length === 1" class="modalContent">

src/app/structure-list/components/more-filters/more-filters.component.scss

@@ -41,15 +41,13 @@
     flex-direction: column;
     background: rgba(0, 0, 0, 0.8);
     .moreFiltersHeader {
-      position: relative;
-      @include font-bold-18;
-      text-align: center;
-      padding: 16px 16px 0px 16px;
-      .closeIcon {
-        cursor: pointer;
-        position: absolute;
-        top: 4px;
-        right: 4px;
+      display: flex;
+      align-items: center;
+      padding: 16px 16px 0px 40px;
+      h3 {
+        @include font-bold-18;
+        width: 100%;
+        text-align: center;
       }
     }
     .filterModalContainer {