Adjust CSS and HTML for main container

[portal/ric-dashboard.git] / webapp-frontend / src / app / app.component.html

diff --git a/webapp-frontend/src/app/app.component.html b/webapp-frontend/src/app/app.component.html
index 2d4834f..1a6a640 100644 (file)
--- a/webapp-frontend/src/app/app.component.html
+++ b/webapp-frontend/src/app/app.component.html
@@ -43,6 +43,7 @@
 </aside>
 
 <div class="root__container">
+
   <header [ngClass]="{'main__header-dark': darkModeActive}" class="main__header">
 
     <div class="left__section3Col">
@@ -85,8 +86,10 @@
 
   <!-- Main Content -->
   <main class="main__container">
-    <div class="main-container__bg" [ngClass]="{'main-container__bg-dark': darkModeActive}"></div>
-    <router-outlet></router-outlet>
+    <div class = main__container__body>
+      <div class="main-container__bg" [ngClass]="{'main-container__bg-dark': darkModeActive}"></div>
+      <router-outlet></router-outlet>
+    </div>
   </main>
 
   <!-- Footer -->