dashboard ui fix

This commit is contained in:
Sofia Papacharalampous 2024-05-30 13:04:50 +03:00
parent bba1c78d82
commit f0d0fc280d
2 changed files with 3 additions and 2 deletions

View File

@ -119,6 +119,7 @@ input[type="text"] {
.search-form { .search-form {
text-align: left; text-align: left;
width: 20rem; width: 20rem;
min-width: 100%;
} }
.search-form mat-icon { .search-form mat-icon {

View File

@ -6,7 +6,7 @@
<div *ngIf="listingItems != null" id="results" class="col-12" #results> <div *ngIf="listingItems != null" id="results" class="col-12" #results>
<div class="row pt-4"> <div class="row pt-4">
<!-- Sort by --> <!-- Sort by -->
<div class="col-12 col-xl-auto d-flex align-items-center"> <div class="col-12 col-xl-auto pr-0 d-flex align-items-center">
<span class="mb-4">{{'DMP-LISTING.SORT-BY' | translate}}:</span> <span class="mb-4">{{'DMP-LISTING.SORT-BY' | translate}}:</span>
</div> </div>
<div class="col-12 col-xl-auto"> <div class="col-12 col-xl-auto">
@ -22,7 +22,7 @@
<!-- End of Sort by --> <!-- End of Sort by -->
<!-- Search Filter--> <!-- Search Filter-->
<div class="col-12 col-xl-auto ml-auto"> <div class="col-12 col-xl-auto ml-auto">
<mat-form-field appearance="outline" class="w-100 search-form pr-0" floatLabel="never"> <mat-form-field appearance="outline" class="search-form pr-0" floatLabel="never">
<mat-icon matSuffix>search</mat-icon> <mat-icon matSuffix>search</mat-icon>
<input matInput placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" name="likeCriteria" [formControl]="formGroup.get('like')"> <input matInput placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" name="likeCriteria" [formControl]="formGroup.get('like')">
<mat-error *ngIf="formGroup.get('like').hasError('backendError')">{{formGroup.get('like').getError('backendError').message}}</mat-error> <mat-error *ngIf="formGroup.get('like').hasError('backendError')">{{formGroup.get('like').getError('backendError').message}}</mat-error>