Fixes to tooltip margins and input text label/bolding issue
This commit is contained in:
parent
8d6c64f990
commit
f2d2f1ee02
@ -17,7 +17,8 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.icon-tooltip {
|
.icon-tooltip {
|
||||||
padding: 0.25rem 0.5rem;
|
margin: -$gap;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
@include icon-link-vertical;
|
@include icon-link-vertical;
|
||||||
@include icon-link-color($color-red, $color-red-lightest);
|
@include icon-link-color($color-red, $color-red-lightest);
|
||||||
|
|
||||||
margin-bottom: -$gap;
|
margin-bottom: 0;
|
||||||
margin-right: -$gap;
|
margin-right: -$gap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -41,11 +41,11 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
|
<li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
|
||||||
<div class="usa-input">
|
<div class="usa-input">
|
||||||
<label :for="'environment_names-' + i">Environment Name</span>
|
<label :for="'environment_names-' + i">Environment Name</label>
|
||||||
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name"></input>
|
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name">
|
||||||
</div>
|
</div>
|
||||||
<button v-on:click="removeEnvironment(i)" v-if="i > 0" type="button" class='project-edit__env-list-item__remover'>
|
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class='project-edit__env-list-item__remover'>
|
||||||
<span>{{ Icon('trash') }}</span>
|
{{ Icon('trash') }}
|
||||||
<span>Remove</span>
|
<span>Remove</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user