Fixes to tooltip margins and input text label/bolding issue

This commit is contained in:
luis cielak 2018-08-23 14:32:11 -04:00
parent 8d6c64f990
commit f2d2f1ee02
3 changed files with 9 additions and 8 deletions

View File

@ -17,7 +17,8 @@
justify-content: space-between;
.icon-tooltip {
padding: 0.25rem 0.5rem;
margin: -$gap;
}
}

View File

@ -13,7 +13,7 @@
@include icon-link-vertical;
@include icon-link-color($color-red, $color-red-lightest);
margin-bottom: -$gap;
margin-bottom: 0;
margin-right: -$gap;
}
}

View File

@ -41,11 +41,11 @@
<ul>
<li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
<div class="usa-input">
<label :for="'environment_names-' + i">Environment Name</span>
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name"></input>
<label :for="'environment_names-' + i">Environment Name</label>
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name">
</div>
<button v-on:click="removeEnvironment(i)" v-if="i > 0" type="button" class='project-edit__env-list-item__remover'>
<span>{{ Icon('trash') }}</span>
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class='project-edit__env-list-item__remover'>
{{ Icon('trash') }}
<span>Remove</span>
</button>
</li>