diff --git a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html index c6b5e85a9fe39e77d0086e03803961d739eaaee4..112adfcdbed7706e9ab8c6e0a0431bef5b9079c0 100755 --- a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html +++ b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html @@ -29,15 +29,16 @@ </mat-panel-title> <mat-panel-description class="myCriterias" (click)="$event.stopPropagation()"> <button type="button" mat-button class="button-form-primary" style="width: auto; height: 24px; line-height: 0px;" [matMenuTriggerFor]="IndexingModelsMenu"> - {{'lang.mySearchTemplates' | translate}} + {{'lang.mySearchTemplates' | translate}} + <i class="fa fa-chevron-down" style="margin: 0 0 0 10px;"></i> </button> - <mat-menu #IndexingModelsMenu="matMenu"> + <mat-menu #IndexingModelsMenu="matMenu" class="searchTemplateMenu"> <div class="menuTitle"> <span> {{'lang.mySearchTemplates' | translate}} </span> <mat-form-field floatLabel="never" appearance="outline" class="smallInput" - (click)="$event.stopPropagation();" style="width: 220px !important;"> + (click)="$event.stopPropagation();" style="width: 220px !important; padding-top: 10px;"> <input matInput id="searchTerm" placeholder="{{'lang.filterBy' | translate}}" #listFilter autocomplete="off" (click)="$event.stopPropagation();" (keydown)="$event.stopPropagation()"> </mat-form-field> diff --git a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss index 5ce7c8177174170ca94a9a833c56c94fdbeab083..bb01ad85187e02a2e6a2ea3b3171d13c128d4ce3 100644 --- a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss +++ b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss @@ -105,3 +105,15 @@ flex-grow: 0; margin-right: 0px; } + +::ng-deep.searchTemplateMenu.mat-menu-panel { + max-width: 400px !important; +} + +.menuTitle { + display: flex; + padding-left: 20px; + align-items: center; + color: #135f7f; + font-weight: bold; +} \ No newline at end of file