Add action footer and some styles

This commit is contained in:
luis cielak 2018-08-21 16:28:30 -04:00 committed by richard-dds
parent c5013f9028
commit 3c5c2b8b5e
2 changed files with 13 additions and 6 deletions

View File

@ -63,7 +63,6 @@
.panel__heading { .panel__heading {
margin: $gap * 2; margin: $gap * 2;
@include media($medium-screen) { @include media($medium-screen) {
margin: $gap * 4; margin: $gap * 4;
} }

View File

@ -27,10 +27,12 @@
<div class="block-list project-list-item"> <div class="block-list project-list-item">
<header class="block-list__header"> <header class="block-list__header">
<h2 class="block-list__title">Project Environments</h2> <h2 class="block-list__title">Project Environments</h2>
{{ Tooltip( {{ Tooltip(
"Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.", "Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.",
title="learn more" title="learn more"
)}} )}}
</header> </header>
<ul> <ul>
@ -41,14 +43,20 @@
</span> </span>
</li> </li>
</ul> </ul>
<div class="block-list__footer">
<a v-on:click="addEnvironment">Add another environment</a>
</div>
</div> </div>
<a v-on:click="addEnvironment">Add another environment</a>
<div class="action-group">
<input type="submit" value="Create Project" class="usa-button usa-button-primary">
<a href="{{ url_for('workspaces.workspace_projects', workspace_id=workspace.id) }}" class="action-group__action">Cancel</a>
</div>
</div> </div>
<div class="action-group">
<input type="submit" value="Create Project" class="usa-button usa-button-primary">
<a href="{{ url_for('workspaces.workspace_projects', workspace_id=workspace.id) }}" class="action-group__action">Cancel</a>
</div>
</form> </form>
</new-project> </new-project>
{% endblock %} {% endblock %}