Move app name and description to their own line

This commit is contained in:
leigh-mil 2019-08-15 14:16:19 -04:00
parent 16c764627e
commit 3026b41c4e
2 changed files with 8 additions and 4 deletions

View File

@ -98,6 +98,10 @@
cursor: default; cursor: default;
margin: 0 0 0 ($gap / 2); margin: 0 0 0 ($gap / 2);
} }
&__view-only {
margin: 0;
}
} }
&__help { &__help {

View File

@ -56,18 +56,18 @@
</p> </p>
<div class="form-row"> <div class="form-row">
<div class="form-col"> <div class="form-col">
<div class="usa-input usa-input__title"> <div class="usa-input usa-input__title__view-only">
{{ application_form.name.label() }} {{ application_form.name.label() }}
{{ application_form.name.data }}
</div> </div>
{{ application_form.name.data }}
</div> </div>
</div> </div>
<div class="form-row"> <div class="form-row">
<div class="form-col"> <div class="form-col">
<div class="usa-input usa-input__title"> <div class="usa-input usa-input__title__view-only">
{{ application_form.description.label() }} {{ application_form.description.label() }}
{{ application_form.description.data }}
</div> </div>
{{ application_form.description.data }}
</div> </div>
</div> </div>
</div> </div>