improved spacing

pull/3/head
Chris Veilleux 2019-03-15 01:39:03 -05:00
parent c166ec41d7
commit 18b852ccde
2 changed files with 66 additions and 60 deletions

View File

@ -5,7 +5,8 @@
<p class="mat-body">Optional values used as defaults during device setup.</p>
<h2 class="mat-h2">Geographical Location</h2>
<mat-form-field [appearance]="'outline'">
<div fxLayout="row wrap" fxLayoutAlign="space-around" fxLayout.xs="column">
<mat-form-field fxFlex.gt-xs="40" [appearance]="'outline'">
<mat-label>Country</mat-label>
<input
matInput
@ -20,7 +21,7 @@
</mat-option>
</mat-autocomplete>
</mat-form-field>
<mat-form-field [appearance]="'outline'">
<mat-form-field fxFlex.gt-xs="40" [appearance]="'outline'">
<mat-label>Region</mat-label>
<input
matInput
@ -35,7 +36,7 @@
</mat-option>
</mat-autocomplete>
</mat-form-field>
<mat-form-field [appearance]="'outline'">
<mat-form-field fxFlex.gt-xs="40" [appearance]="'outline'">
<mat-label>City</mat-label>
<input
matInput
@ -50,7 +51,7 @@
</mat-option>
</mat-autocomplete>
</mat-form-field>
<mat-form-field [appearance]="'outline'">
<mat-form-field fxFlex.gt-xs="40" [appearance]="'outline'">
<mat-label>Time Zone</mat-label>
<input
matInput
@ -65,6 +66,7 @@
</mat-option>
</mat-autocomplete>
</mat-form-field>
</div>
<h2 class="mat-h2">Voice</h2>
<account-option-buttons

View File

@ -15,4 +15,8 @@ mat-card {
color: mat-color($mycroft-accent, A700);
margin-top: 32px;
}
mat-form-field {
max-width: 280px;
}
}