From 9795d6ed3fd9eb0167d4a513b965f80869ea2b43 Mon Sep 17 00:00:00 2001
From: romeonicholas <79602065+romeonicholas@users.noreply.github.com>
Date: Wed, 25 Oct 2023 12:05:33 +0200
Subject: [PATCH] Right align model create button and fix padding around it

---
 .../create-model-base.component.html          | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/projects/models/create-model-base/create-model-base.component.html b/frontend/src/app/projects/models/create-model-base/create-model-base.component.html
index 4316f87e76..b6f5074b98 100644
--- a/frontend/src/app/projects/models/create-model-base/create-model-base.component.html
+++ b/frontend/src/app/projects/models/create-model-base/create-model-base.component.html
@@ -5,7 +5,7 @@
 
 <div class="flex-center">
   <mat-card
-    class="w-[400px] max-w-[85vw] !pb-0.5 pr-0"
+    class="w-[400px] max-w-[85vw]"
     *ngIf="projectService.project$ | async"
   >
     <form [formGroup]="form" (ngSubmit)="onSubmit()">
@@ -48,8 +48,23 @@
           </mat-error>
         </mat-form-field>
       </fieldset>
-      <div class="flex justify-between">
+      <div class="flex-container">
+        <div></div>
+        <div>
+          <button
+            mat-raised-button
+            color="primary"
+            type="submit"
+            [disabled]="!form.valid"
+          >
+            Create model
+            <mat-icon class="mat-icon-position right">arrow_forward</mat-icon>
+          </button>
+        </div>
+      </div>
+      <!-- <div class="flex justify-between">
         <button
+          class="button-wrapper"
           mat-raised-button
           color="primary"
           type="submit"
@@ -58,7 +73,7 @@
           Create model
           <mat-icon class="mat-icon-position right">arrow_forward</mat-icon>
         </button>
-      </div>
+      </div> -->
     </form>
   </mat-card>
 </div>