Style headings

This commit is contained in:
luis cielak 2018-08-27 15:25:26 -04:00
parent fbffc41cb6
commit 1a2e5cc767
2 changed files with 22 additions and 6 deletions

View File

@ -50,6 +50,21 @@
right: 0;
width: 8rem;
}
.block-list {
.block-list__header {
display: block;
}
.action-group {
margin-right: $gap*4;
margin-left: $gap*3;
display: flex;
justify-content: space-between;
}
}
}
}

View File

@ -57,8 +57,8 @@
<div class="block-list">
<header class="block-list__header">
<h3>New Request</h3>
<div class="subtitle">Add a user to an environment</div>
<h2>New Request <div class="subtitle">Add a user to an environment</div></h2>
</header>
<dl>
@ -88,12 +88,13 @@
</div>
</dl>
<div class='action-group'>
<a v-on:click="closeModal('rolesModal')" class='action-group__action usa-button'>Add Access</a>
<a class='action-group__action icon-link icon-link--danger' v-on:click="closeModal('rolesModal')">No Access</a>
</div>
</div>
<div class='action-group'>
<a v-on:click="closeModal('rolesModal')" class='action-group__action usa-button'>Add Access</a>
<a class='action-group__action icon-link icon-link--danger' v-on:click="closeModal('rolesModal')">No Access</a>
</div>
{% endcall %}
<div is='toggler' default-visible class='block-list project-list-item'>