System views updated

src/app/shared/footer/footer.component.html

@@ -1,4 +1,4 @@
-<div class="layout-column m-b-20" id="footer" *ngIf="displayBackEndInfo">
+<div class="layout-column m-b-20" ngClass="{{ styleClass }}" id="footer" *ngIf="displayBackEndInfo">
   <mat-divider class="divider align-center"></mat-divider>
   <div class="layout-column m-b-20 content-wrapper footer-center">
     <table class="versions">
@@ -28,5 +28,7 @@
     </table>
   </div>
   <mat-divider class="divider align-center"></mat-divider>
+</div>
+<div class="layout-column m-b-20 copy-label">
   <p class="footer-content align-center">{{ 'APP_NAME' | translate }} {{ 'labels.text.by' | translate }} Mifos</p>
 </div>

src/app/shared/footer/footer.component.scss

@@ -3,11 +3,13 @@
 
 #footer {
   align-items: center;
+  min-width: 400px;
 
   .content-wrapper {
     max-width: 100%;
-    width: 70%;
-    padding-left: 30%;
+    min-width: 90%;
+    padding-left: 5%;
+    padding-right: 5%;
 
     .versions {
       width: 100%;
@@ -36,3 +38,15 @@
     }
   }
 }
+
+.main-page {
+  max-width: 70%;
+  min-width: 50%;
+  padding-left: 30%;
+}
+
+.copy-label {
+  min-width: 100%;
+  text-align: center;
+  font-size: large;
+}

src/app/shared/footer/footer.component.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { Alert } from 'app/core/alert/alert.model';
 import { AlertService } from 'app/core/alert/alert.service';
 import { AuthenticationService } from 'app/core/authentication/authentication.service';
@@ -21,6 +21,8 @@ import { Subscription } from 'rxjs';
   styleUrls: ['./footer.component.scss']
 })
 export class FooterComponent implements OnInit, OnDestroy {
+  @Input() styleClass: string = '';
+
   /** Mifos X version. */
   versions: any = {
     mifos: environment.version,