Fix alignment of no content mesasges on home page view (#4809)

cloudfoundry · Nov 27, 2020 · d99a2ef · d99a2ef
1 parent 3e3aa7c
commit d99a2ef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/frontend/packages/core/src/features/home/home/home-page.component.html b/src/frontend/packages/core/src/features/home/home/home-page.component.html
@@ -26,12 +26,12 @@ <h1>Home</h1>
   </div>
 </div>
 <ng-template #noEndpoints>
-  <div *ngIf="haveRegistered$ | async; else noneRegistered">
+  <div class="home-page" *ngIf="haveRegistered$ | async; else noneRegistered">
     <app-no-content-message [icon]="'settings_ethernet'" firstLine="There are no connected endpoints" 
     [secondLine]="{text: 'Use the Endpoints view to connect'}"></app-no-content-message>
   </div>
 </ng-template>
 
 <ng-template #noneRegistered>
-  <app-endpoints-missing [showToolbarHint]="false"></app-endpoints-missing>
+  <app-endpoints-missing class="home-page" [showToolbarHint]="false"></app-endpoints-missing>
 </ng-template>
diff --git a/src/frontend/packages/core/src/features/home/home/home-page.component.scss b/src/frontend/packages/core/src/features/home/home/home-page.component.scss
@@ -1,5 +1,7 @@
 :host {
   display: flex;
+  height: 100%;
+  width: 100%;
 }
 
 .home-page {