fix: grant details create submission button alignment (#1219)

eclipse-pass · Sep 28, 2023 · ffdb5a5 · ffdb5a5
1 parent 8a2d236
commit ffdb5a5
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/app/templates/grants/detail.hbs b/app/templates/grants/detail.hbs
@@ -1,19 +1,19 @@
-<div id="grant-details-title" class="row mt-3 mb-3">
-  <div class="col-6 pt-1">
-    <LinkTo @route="grants" class="btn btn-small back-arrow" aria-label="Go back to the previous page">
+<div id="grant-details-title" class="d-flex justify-content-between row my-3 mx-auto">
+  <div class="d-flex align-items-center">
+    <LinkTo @route="grants" class="btn btn-small back-arrow mr-1" aria-label="Go back to the previous page">
       <i class="fa fa-arrow-left fa-lg"></i>
     </LinkTo>
-    <h2 class="font-weight-light d-inline-block">
+    <h1 class="font-weight-light pt-1">
       Grant Details
-    </h2>
+    </h1>
   </div>
-  <div class="col-6">
-    {{#if this.currentUser.user.isSubmitter}}
+  {{#if this.currentUser.user.isSubmitter}}
+    <div>
       <LinkTo @route="submissions.new" @query={{hash grant=this.grant.id}} class="btn btn-primary btn-small pull-right">
         Create new submission
       </LinkTo>
-    {{/if}}
-  </div>
+    </div>
+  {{/if}}
 </div>
 <div id="grant-details-body" class="grant-details">
   <div class="row">