X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=webapp-frontend%2Fsrc%2Fapp%2Fapp.component.css;h=b8d1778ac1e800e4b491e802b919fafde4230aaa;hb=dd3e10c0442cb16c08e9a8ecee429576396accac;hp=19ac23e1ca46d8d339df7c97d28c19594e35dd21;hpb=be7a01eda7e4fb9f97a18009d727e6a0692e9399;p=portal%2Fric-dashboard.git

diff --git a/webapp-frontend/src/app/app.component.css b/webapp-frontend/src/app/app.component.css
index 19ac23e1..b8d1778a 100644
--- a/webapp-frontend/src/app/app.component.css
+++ b/webapp-frontend/src/app/app.component.css
@@ -304,9 +304,16 @@ main {
 ================
 */
 
-.main-container__bg {
+.main__container {
   height: 100%;
   width: 100%;
+}
+
+.main__container__body {
+  min-height: calc(100vh - 140px);
+}
+
+.main-container__bg {
   position: absolute;
   top: 0;
   left: 0;
@@ -329,15 +336,20 @@ main {
 */
 .main__footer {
   background: transparent;
-  position: absolute;
-  bottom: 1rem;
-  left: 1.5rem;
+  margin: 10px;
   z-index: 100;
+  height: 35px;
 }
 
-.copyright__text {
-  letter-spacing: 0.1rem;
-  color: gray;
+.main__footer-dark {
+  background-color: #2B244D;
+  color: white;
+}
+
+.main-footer__bg-dark {
+  opacity: 1;
+  background: linear-gradient(to bottom, #B290FF, #2E1D65);
+  transition: opacity 300ms linear;
 }
 
 @media only screen and (max-width: 300px) {