tvolkmann/travopti
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix search layout

Browse Source
This commit is contained in:
Patrick Gebhardt 2020-06-23 23:33:22 +02:00
parent 8ae20d96aa
commit 0e65d6e919
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/search-input/search-input.component.html
View File

@ -53,7 +53,7 @@
<!-- Date --> <!-- Date -->
<section class="group"> <section class="group">
<span class="title">Date</span> <span class="title">Date</span>
<div class=" content vertical-wrap"> <div class="content vertical-wrap">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Start</mat-label> <mat-label>Start</mat-label>
<input (change)="checkDates()" [(ngModel)]="from" [min]="today" matInput required type="date"> <input (change)="checkDates()" [(ngModel)]="from" [min]="today" matInput required type="date">
@ -68,7 +68,7 @@
<section class="group"> <section class="group">
<span class="title">Text</span> <span class="title">Text</span>
<div class="content vertical-wrap"> <div class="content vertical-wrap">
<mat-form-field class="text-input"> <mat-form-field appearance="outline" class="text-input">
<mat-label>Text search</mat-label> <mat-label>Text search</mat-label>
<input [(ngModel)]="textFilter" matInput> <input [(ngModel)]="textFilter" matInput>
<button (click)="textFilter = ''" *ngIf="textFilter.length" mat-icon-button matSuffix> <button (click)="textFilter = ''" *ngIf="textFilter.length" mat-icon-button matSuffix>

8
frontend/src/app/components/search-input/search-input.component.scss
View File

@ -68,6 +68,12 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-between;
align-items: center;
> * {
width: 45%;
min-width: 15rem;
}
} }