#22: fix model details license alignment

src/app/features/dashboard/on-boarding-model/on-boarding-model.component.html

@@ -8,17 +8,15 @@
 </div>
 <mat-divider></mat-divider>
 <div style="display: flex; flex-direction: column; margin: 40px; width: 100%">
-  
   <div style="display: flex; flex-direction: column; width: 100%">
-    
     <!-- on boarding-->
     <div>
       <gp-headline
         [headlineTitle]="'ON-BOARD DOCKERIZED MODEL URI'"
       ></gp-headline>
     </div>
- 
-    <div style="display: flex">
+
+    <div style="display: flex; width: 100%">
       <div style="display: flex; flex-direction: column; width: 100%">
         <!-- onboarding model form-->
         <form style="width: 100" [formGroup]="onboardingModelForm">
@@ -73,7 +71,6 @@
           <div style="display: flex; flex-direction: column; width: 100%">
             <mat-label>Upload Protobuf File </mat-label>
             <div style="display: flex; width: 100%; gap: 10px">
-              
               <mat-form-field style="height: 70px">
                 <input matInput [value]="fileName" />
                 <mat-hint class="modal-note full-width no-padding">
@@ -103,7 +100,6 @@
             @if (message !== "") {
               <span class="modal-error">.proto file is required.</span>
             }
-         
           </div>
           <!--license profile-->
           <div style="display: flex; flex-direction: column">
@@ -113,17 +109,18 @@
               (change)="onClickUpload($event)"
               >Add License Profile</mat-checkbox
             >
-
-          
           </div>
           @if (
             onboardingModelForm.controls["addLicenseProfile"].value === true
           ) {
-            
-            <gp-model-details-license-profile [isExistingLicenseProfile]="false" ></gp-model-details-license-profile>
+            <div style="display: flex; width: 100%">
+              <gp-model-details-license-profile
+                [isExistingLicenseProfile]="false"
+              ></gp-model-details-license-profile>
+            </div>
           }
 
-          <div style="display: flex">
+          <div style="display: flex; align-items: center; gap: 10px">
             <button mat-raised-button (click)="resetData()">Reset form</button>
             <button
               mat-raised-button
@@ -136,6 +133,7 @@
           </div>
         </form>
       </div>
+      <!--Later to be implemented-->
       <!--onboarding history-->
       <div></div>
     </div>

src/app/shared/components/model-details-license-profile/model-details-license-profile.component.html

 <div class="model-details-tabwrapper">
-  <div class="md-intro-container spacebetween">
+  <div class="md-intro-container spacebetween" style="gap: 10px">
     <div style="height: 100%">
       <h6 class="sectiontitle9">LICENSE PROFILE</h6>
     </div>