fix form row rendering in chrome

This commit is contained in:
dandds 2019-04-25 13:21:21 -04:00
parent fd1d0b527a
commit daadc67eee

View File

@ -66,16 +66,18 @@
v-bind:initial-value="'{{ environment_data.role.data | string }}'" v-bind:initial-value="'{{ environment_data.role.data | string }}'"
> >
<div class="usa-input"> <div class="usa-input">
<fieldset data-ally-disabled="true" class="form-row usa-input__choices"> <fieldset data-ally-disabled="true" class="usa-input__choices">
<div class="form-col form-col--quarter"> <div class="form-row">
<legend> <div class="form-col form-col--quarter">
<div v-bind:class='["usa-input__title-inline", {"environment-name--gray": value === "None" }]'> <legend>
{{ environment_data.environment_name.data }} <div v-bind:class='["usa-input__title-inline", {"environment-name--gray": value === "None" }]'>
</div> {{ environment_data.environment_name.data }}
</legend> </div>
</div> </legend>
<div class="form-col form-col--three-quarters"> </div>
{{ environment_data.role(**{"v-model": "value"}) }} <div class="form-col form-col--three-quarters">
{{ environment_data.role(**{"v-model": "value"}) }}
</div>
</div> </div>
</fieldset> </fieldset>
</div> </div>