[US TRTL-632] Fix heading / content app structure

ui/ui-frontend-common/src/app/modules/components/vitamui-body/vitamui-body.component.scss

@@ -2,5 +2,4 @@ div {
     min-height: calc(100vh - 100px);
     background-color: var(--vitamui-background);
     margin: 102px auto;
-}
-
+}
\ No newline at end of file

ui/ui-frontend-common/src/sass/_layout.scss

@@ -3,27 +3,27 @@ $footer-height: 100px !default;
 
 .vitamui-heading {
     margin-bottom: 3rem;
-    max-width: 1440px;
-    margin: 0 240px;
 }
 
-.vitamui-content {
+// Defaut supported screen width is 1920px
+.vitamui-content, .vitamui-heading {
     max-width: 1440px;
-    margin: 0 240px;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 1rem;
+    padding-right: 1rem;
 }
 
 /** RESPONSIVE MANAGEMENT */
 @media screen and (max-width: 1440px) {
     .vitamui-heading, .vitamui-content {
         max-width: 1200px;
-        margin: 0 120px;
     }
 }
   
 @media screen and (max-width: 1200px) {
     .vitamui-heading, .vitamui-content {
         max-width: 1060px;
-        margin: 0 70px;
     }
 }
 

ui/ui-frontend-common/src/sass/material/_preview-tab.scss

@@ -10,7 +10,7 @@
         background-color: white;
         height: 40px;
         position: fixed;
-        width: 100%;
+        width: 584px;
         z-index: 10;
 
         .mat-tab-header-pagination {

ui/ui-frontend/projects/portal/src/app/portal/portal.component.html

-<div class="vitamui-body">
+<div class="vitamui-content">
     <app-welcome-message [title]="welcomeTitle" [message]="welcomeMessage" [imgUrl]="customerLogoUrl"></app-welcome-message>
     <app-application-list [appMap]="applications" (applicationClick)="openApplication($event)"></app-application-list>
-    <mat-spinner class="vitamui-spinner large" *ngIf="loading"></mat-spinner>
+    <mat-spinner class="vitamui-spinner large my-4 mx-auto" *ngIf="loading"></mat-spinner>
 </div>
\ No newline at end of file

ui/ui-frontend/projects/portal/src/app/portal/portal.component.scss

-mat-spinner {
-  margin: 2rem auto;
-}
-
-.vitamui-body {
-  width: 85%;
-  margin: 0 auto;
-}