- Form style fixes

This commit is contained in:
2018-05-29 20:13:47 -04:00
parent 701cb560b7
commit 93441f2b29

View File

@@ -9,23 +9,23 @@
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content> <ion-content padded>
<p class="intro">Submit your story using the following form. Nicholas may be in touch to clarify what youve written and he reserves the right to vet stories for accuracy and appropriateness.</p> <p class="intro">Submit your story using the following form. Nicholas may be in touch to clarify what youve written and he reserves the right to vet stories for accuracy and appropriateness.</p>
<form [formGroup]="userSubmissionForm" novalidate> <form [formGroup]="userSubmissionForm" novalidate>
<ion-item> <div class="item item-block">
<ion-label>Upload a photo</ion-label> <label class="">Upload a photo</label>
<input type="file" formControlName="pic" name="pic" /> <input type="file" formControlName="pic" name="pic" />
</ion-item> </div>
<ion-item> <ion-item>
<ion-label>Display name</ion-label> <ion-label stacked>Display name</ion-label>
<ion-input type="text" formControlName="name" name="name"></ion-input> <ion-input type="text" formControlName="name" name="name"></ion-input>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>About you</ion-label> <ion-label stacked>About you</ion-label>
<ion-textarea formControlName="about" name="about"></ion-textarea> <ion-textarea formControlName="about" name="about"></ion-textarea>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>Your schtick with #gays</ion-label> <ion-label stacked>Your schtick with #gays</ion-label>
<ion-textarea formControlName="messages" name="messages"></ion-textarea> <ion-textarea formControlName="messages" name="messages"></ion-textarea>
</ion-item> </ion-item>
<button ion-button type="submit" block (click)="saveUserSubmission()">Submit</button> <button ion-button type="submit" block (click)="saveUserSubmission()">Submit</button>