Right align model create button and fix padding around it

DSD-DBS · Oct 25, 2023 · 9795d6e · 9795d6e
1 parent 9d1b202
commit 9795d6e
Showing 1 changed file with 18 additions and 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
@@ -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>