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-24 11:47:38 +02:00
parent ae9998f640
commit 72c1386fb8
2 changed files with 10 additions and 4 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

@ -68,14 +68,14 @@
<section class="group">
<span class="title">Text</span>
<div class="content vertical-wrap">
<mat-form-field appearance="outline" class="text-input">
<mat-form-field appearance="outline" style="margin-bottom: -1.25em">
<mat-label>Text search</mat-label>
<input [(ngModel)]="textFilter" matInput>
<button (click)="textFilter = ''" *ngIf="textFilter.length" mat-icon-button matSuffix>
<mat-icon>clear</mat-icon>
</button>
</mat-form-field>
<div class="horizontal space">
<div class="horizontal space center">
<span>Search in description </span>
<mat-slide-toggle [(ngModel)]="fullText"></mat-slide-toggle>
</div>

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

@ -54,11 +54,17 @@
&.space {
> * {
margin-right: 1rem;
margin: 0.5rem;
}
}
&.center {
justify-content: space-around;
}
}
.vertical {
display: flex;
flex-direction: column;
@ -68,7 +74,7 @@
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-evenly;
align-items: center;
> * {