Add header grow class for distributed layout

This commit is contained in:
luis cielak 2018-08-22 13:55:04 -04:00
parent 3daf702302
commit 7fc31f6475
2 changed files with 7 additions and 1 deletions

View File

@ -75,6 +75,12 @@
.icon-tooltip { .icon-tooltip {
margin-left: $gap*2; margin-left: $gap*2;
} }
&--grow {
display: flex;
flex-direction: row;
justify-content: space-between;
}
} }
} }

View File

@ -9,7 +9,7 @@
<form method="POST" action="{{ url_for('workspaces.update_project', workspace_id=workspace.id) }}" > <form method="POST" action="{{ url_for('workspaces.update_project', workspace_id=workspace.id) }}" >
{{ form.csrf_token }} {{ form.csrf_token }}
<div class="panel"> <div class="panel">
<div class="panel__heading"> <div class="panel__heading panel__heading--grow">
<h1>Add a new project</h1> <h1>Add a new project</h1>
{{ Tooltip( {{ Tooltip(
"AT-AT allows you to organize your workspace into multiple projects, each of which may have environments.", "AT-AT allows you to organize your workspace into multiple projects, each of which may have environments.",