Move CLIN type and CLIN number onto same line

This commit is contained in:
leigh-mil 2019-06-11 11:24:38 -04:00
parent 4b0a4628aa
commit 61de7a5adf
3 changed files with 71 additions and 50 deletions

View File

@ -157,7 +157,7 @@
.usa-input__choices {
// checkbox & radio sets
legend {
padding: 0 0 $gap 0;
padding: 0 0 ($gap / 2) 0;
@include h4;

View File

@ -131,6 +131,16 @@
}
}
.row.row__form-fields {
.col {
margin-left: $gap;
}
.col:first-child {
margin-left: 0;
}
}
.panel {
@include shadow-panel;
}

View File

@ -61,8 +61,14 @@
v-bind:initial-loa-count="{{ fields.loas.data | length }}"
inline-template>
<div>
<div class="row row__form-fields">
<div class="col">
{{ OptionsInput(fields.jedi_clin_type) }}
</div>
<div class="col">
{{ TextInput(fields.number) }}
</div>
</div>
<div>Line of accounting (43 characters)</div>
{% for loa in fields.loas %}
@ -125,6 +131,8 @@
<hr v-if="clinIndex !== 0">
<clin-fields v-bind:initial-clin-index='clinIndex' inline-template>
<div>
<div class="row row__form-fields">
<div class="col">
<div class="usa-input">
<fieldset data-ally-disabled="true" class="usa-input__choices">
<legend>
@ -140,9 +148,10 @@
</select>
</fieldset>
</div>
</div>
<div class="col">
<textinput :name="'clins-' + clinIndex + '-number'" inline-template>
<div>
<div class="usa-input">
<label :for="name">
<span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span>
<span v-show='showValid'>{{ Icon('ok',classes="icon-validation") }}</span>
@ -173,6 +182,8 @@
</template>
</div>
</textinput>
</div>
</div>
<div>Line of accounting (43 characters)</div>
{{ LOAInput() }}