From 7fc31f64753da2d412c5a2d1dc5afd328cf01b6d Mon Sep 17 00:00:00 2001
From: luis cielak <luis+dds@promptworks.com>
Date: Wed, 22 Aug 2018 13:55:04 -0400
Subject: [PATCH] Add header grow class for distributed layout

---
 styles/elements/_panels.scss         | 6 ++++++
 templates/workspace_project_new.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss
index 61b0acd6..c6b9a510 100644
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -75,6 +75,12 @@
     .icon-tooltip {
       margin-left: $gap*2;
     }
+
+    &--grow {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+    }
   }
 }
 
diff --git a/templates/workspace_project_new.html b/templates/workspace_project_new.html
index aac5c7a9..85cdf673 100644
--- a/templates/workspace_project_new.html
+++ b/templates/workspace_project_new.html
@@ -9,7 +9,7 @@
   <form method="POST" action="{{ url_for('workspaces.update_project', workspace_id=workspace.id) }}" >
     {{ form.csrf_token }}
     <div class="panel">
-      <div class="panel__heading">
+      <div class="panel__heading panel__heading--grow">
         <h1>Add a new project</h1>
         {{ Tooltip(
           "AT-AT allows you to organize your workspace into multiple projects, each of which may have environments.",