AAE-34885 Form with tabs has incomplete frame in preview (#10880)

* AAE-34885 Form tabs preview frame size and width fix

* AAE-34885 fixing form preview in modeling app

* AAE-34485 workspace-app form scroll fix

* AAE-34485 fixing margin issues on the modeling app form preview

* fixing width issues on preview

---------

Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>

lib/process-services-cloud/src/lib/form/components/form-cloud.component.html

@@ -78,8 +78,7 @@
                 <mat-card-content class="adf-form-container-card-content">
                     <adf-form-renderer [formDefinition]="form" [readOnly]="readOnly" />
                 </mat-card-content>
-                <div class="adf-cloud-form-content-card-actions">
-                    <mat-card-actions *ngIf="form.hasOutcomes()" class="adf-form-mat-card-actions" align="end">
+                    <mat-card-actions *ngIf="form.hasOutcomes()" class="adf-cloud-form-content-card-actions" align="end">
                         <mat-checkbox
                             id="adf-form-open-next-task"
                             *ngIf="showNextTaskCheckbox && showCompleteButton"
@@ -103,7 +102,6 @@
                             </button>
                         </ng-container>
                     </mat-card-actions>
-                </div>
             </div>
         </mat-card>
     </div>

lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss

@@ -72,9 +72,10 @@
     }
 
     &-content-card {
-        padding-bottom: 4em;
+        padding-bottom: 2em;
         overflow-y: auto;
         position: static;
+        height: 70%;
 
         &-fullscreen {
             padding: 0;
@@ -92,14 +93,6 @@
                 }
             }
         }
-
-        &-actions {
-            position: fixed;
-            bottom: 0;
-            width: -webkit-fill-available;
-            z-index: 1;
-            background-color: white;
-        }
     }
 
     &-sidebars {