Add header grow class for distributed layout

styles/elements/_panels.scss

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

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.",