Form Fields Align UI

This commit is contained in:
saravanakumarkandasami 2018-11-09 16:50:44 +05:30
parent 13fdf54f0b
commit db8771aae9
5 changed files with 9 additions and 2 deletions

View File

@ -1,5 +1,5 @@
.banlFields mat-form-field { .banlFields mat-form-field {
//width: 100%; width: 27%;
margin: 0 2%; margin: 0 2%;
} }
.bankForm .button { .bankForm .button {

View File

@ -9,6 +9,7 @@
} }
.matcard mat-form-field { .matcard mat-form-field {
margin: 0 2%; margin: 0 2%;
width:26%;
} }
.address .button { .address .button {
float: right; float: right;

View File

@ -23,7 +23,7 @@
<div formArrayName="earningMembers"> <div formArrayName="earningMembers">
<div *ngFor="let item of familyForm.controls.earningMembers['controls']; let i=index" <div *ngFor="let item of familyForm.controls.earningMembers['controls']; let i=index"
[formGroupName]="i"> [formGroupName]="i">
<mat-card-content class="matcard"> <mat-card-content class="matcards">
<mat-form-field> <mat-form-field>
<mat-select placeholder="Relation" formControlName="relation"> <mat-select placeholder="Relation" formControlName="relation">
<mat-option value="{{relations.relationship_id}}" <mat-option value="{{relations.relationship_id}}"

View File

@ -8,7 +8,12 @@
width: 100%; width: 100%;
} }
.matcard mat-form-field { .matcard mat-form-field {
margin: 0 2%;
width:27%;
}
.matcards mat-form-field {
margin: 0 2%; margin: 0 2%;
width:40%;
} }
.address .button { .address .button {
float: right; float: right;

View File

@ -9,6 +9,7 @@
} }
.matcard mat-form-field { .matcard mat-form-field {
margin: 0 2%; margin: 0 2%;
width:26%;
} }
.address .button { .address .button {
float: right; float: right;