FIX #8956 fix some issues in mobile mode

src/frontend/app/list/basket-list.component.html

@@ -16,11 +16,9 @@
                     <mat-spinner *ngIf="isLoadingResults"></mat-spinner>
                 </div>
                 <div class="row" style="margin:0px;">
-                    <div class="col-md-9 col-xs-9">
-                        <app-filters-tool #filtersTool [currentBasketInfo]="currentBasketInfo" [listProperties]="this.listProperties" [snavR]="snav2" (refreshEvent)="refreshDao()"></app-filters-tool>
-                    </div>
-                    <div class="col-md-3 col-xs-3">
-                        <mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
+                    <div class="col-md-12" style="display:flex;">
+                        <app-filters-tool style="flex:1;" #filtersTool [currentBasketInfo]="currentBasketInfo" [listProperties]="this.listProperties" [snavR]="snav2" (refreshEvent)="refreshDao()"></app-filters-tool>
+                        <mat-paginator [length]="resultsLength" [pageSize]="10" class="paginatorResultList"></mat-paginator>
                     </div>
                 </div>
 

src/frontend/app/list/basket-list.component.scss

@@ -56,6 +56,12 @@ mat-toolbar {
     text-align: right;
 }
 
+.paginatorResultList {
+    ::ng-deep.mat-paginator-container {
+        min-height: auto;
+    }
+}
+
 .chrono {
     color: #666;
     &-mobile {

src/frontend/app/list/filters/filters-tool.component.html

 <mat-button-toggle-group #group="matButtonToggleGroup" class="envFilter" multiple>
     <mat-checkbox color="primary" style="margin: 10px;" title="Sélectionner tous les courriers de la bannette"></mat-checkbox>
-    <form [formGroup]="stateForm" [style.width.px]="300">
+    <form [formGroup]="stateForm" [style.flex]="1">
         <mat-form-field appearance="outline" floatLabel="never" [style.fontSize.px]="10">
             <input class="metaSearch" type="text" matInput placeholder="Recherche un document" formControlName="stateGroup"
                 [matAutocomplete]="autoGroup" (focus)="initFilters()" (keyup.enter)="metaSearch($event);">
@@ -27,7 +27,7 @@
         (change)="setFilters($event, 'delayed')">
         <mat-icon fontSet="fas" fontIcon="fa-stopwatch fa-2x"></mat-icon>
     </mat-button-toggle>
-    <mat-form-field appearance="outline" [style.fontSize.px]="10" style="width:200px !important;">
+    <mat-form-field appearance="outline" [style.fontSize.px]="10" style="flex: 1;">
         <mat-label>{{lang.orderBy}}</mat-label>
         <mat-select [(ngModel)]="this.listProperties.order" (selectionChange)="updateFilters()">
             <mat-option value="" style="text-align: center;">{{lang.defaultOrder}}</mat-option>

src/frontend/app/list/filters/filters-tool.component.scss

 .envFilter {
+    width: 100%;
     height: 40px;
 
     mat-icon{

src/frontend/app/menu/main-header.component.html

@@ -3,7 +3,7 @@
         <mat-icon class="fa fa-bars fa-2x"></mat-icon>
     </button>
     <a href="#" title="{{lang.home}}" *ngIf="!mobileMode" style="margin-right: 30px;"><mat-icon class="maarchLogo" svgIcon="maarchLogo"></mat-icon></a>
-    <h1 class="admin-toolbar-title" *ngIf="!mobileMode" [innerHTML]="headerService.headerMessage">
+    <h1 class="admin-toolbar-title" [innerHTML]="headerService.headerMessage">
     </h1><span class="admin-toolbar-title-small">{{headerService.subHeaderMessage}}</span>
     <span style="flex: 1 1 auto;"></span>
     <search-home></search-home>