From cd9f68234f137d281c8836a1413cfdbf8bd302b3 Mon Sep 17 00:00:00 2001
From: Patrick Gebhardt <pjgebhardt@icloud.com>
Date: Wed, 24 Jun 2020 13:36:46 +0200
Subject: [PATCH] Fix explore the world layout for FireFox

---
 frontend/src/app/containers/home/home.component.html | 2 +-
 frontend/src/app/containers/home/home.component.scss | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/app/containers/home/home.component.html b/frontend/src/app/containers/home/home.component.html
index 9be49d5..63a44c9 100644
--- a/frontend/src/app/containers/home/home.component.html
+++ b/frontend/src/app/containers/home/home.component.html
@@ -1,7 +1,7 @@
 <app-search-input></app-search-input>
 <h2>Explore the world</h2>
 <div *ngIf="!loading && !message" class="region-container">
-  <span>No regions to explore :/</span>
+  <span *ngIf="!regions || regions.length === 0">No regions to explore :/</span>
   <app-region (click)="onRegionClick(region)" *ngFor="let region of regions" [region]="region"></app-region>
 </div>
 <mat-spinner *ngIf="loading" class="central"></mat-spinner>
diff --git a/frontend/src/app/containers/home/home.component.scss b/frontend/src/app/containers/home/home.component.scss
index 2c1b357..a485ba4 100644
--- a/frontend/src/app/containers/home/home.component.scss
+++ b/frontend/src/app/containers/home/home.component.scss
@@ -12,7 +12,6 @@ app-search-input {
 .region-container {
   display: flex;
   flex-direction: column;
-  align-items: center;
 
   > app-region {
     margin-bottom: 2rem;