From e1b51c0f157417d29bbb04e0b06b607596bf95ec Mon Sep 17 00:00:00 2001
From: LisaPMunich <99111208+LisaPMunich@users.noreply.github.com>
Date: Sun, 14 Jan 2024 18:15:17 +0100
Subject: [PATCH] #50 optimize page header for mobile

---
 .../pages/plan/plan-earnings/plan-earnings.component.scss | 8 ++++----
 .../src/shared/page-header/page-header.component.html     | 4 +++-
 .../src/shared/page-header/page-header.component.scss     | 5 +++++
 .../src/shared/page-header/page-header.component.ts       | 2 +-
 apps/client/src/styles.scss                               | 2 +-
 5 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/app/pages/plan/plan-earnings/plan-earnings.component.scss b/apps/client/src/app/pages/plan/plan-earnings/plan-earnings.component.scss
index f55aec7..e166ea2 100644
--- a/apps/client/src/app/pages/plan/plan-earnings/plan-earnings.component.scss
+++ b/apps/client/src/app/pages/plan/plan-earnings/plan-earnings.component.scss
@@ -12,10 +12,10 @@
 }
 
 .chore-icon {
-  margin-left: 10px;
-  margin-right: 10px;
-  width: 30px;
-  height: 30px;
+  margin-left: 15px;
+  margin-right: 15px;
+  width: 50px;
+  height: 50px;
 }
 
 .chore-name {
diff --git a/apps/client/src/shared/page-header/page-header.component.html b/apps/client/src/shared/page-header/page-header.component.html
index 2bb3922..723641d 100644
--- a/apps/client/src/shared/page-header/page-header.component.html
+++ b/apps/client/src/shared/page-header/page-header.component.html
@@ -52,7 +52,9 @@
         </div>
 
         <div class="d-flex justify-content-end align-items-center">
-            <money-sprouts-multilanguage></money-sprouts-multilanguage>
+            <div>
+                <money-sprouts-multilanguage></money-sprouts-multilanguage>
+            </div>
             <a
                 href="/logout"
                 (click)="onLogout($event)"
diff --git a/apps/client/src/shared/page-header/page-header.component.scss b/apps/client/src/shared/page-header/page-header.component.scss
index aebef37..18c0dd3 100644
--- a/apps/client/src/shared/page-header/page-header.component.scss
+++ b/apps/client/src/shared/page-header/page-header.component.scss
@@ -30,6 +30,11 @@
 .image-50x50 {
   width: 50px;
   height: 50px;
+
+  @media (max-width: 450px) {
+    width: 40px;
+    height: 40px;
+  }
 }
 
 .navbar-text {
diff --git a/apps/client/src/shared/page-header/page-header.component.ts b/apps/client/src/shared/page-header/page-header.component.ts
index bab4b8a..5f3c00b 100644
--- a/apps/client/src/shared/page-header/page-header.component.ts
+++ b/apps/client/src/shared/page-header/page-header.component.ts
@@ -102,7 +102,7 @@ export class PageHeaderComponent implements OnInit, OnDestroy {
     }
 
     get welcomeTitle(): string {
-        return 'Select your Account';
+        return 'PAGE_HEADER.PAGE_NAME.ACCOUNT-SELECTION';
     }
 
     onLogout(event: Event) {
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 189bdd7..68c5956 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -24,7 +24,7 @@ body {
       rgba(219, 230, 219, 0.5),
       rgba(223, 235, 223, 0.5)
     ),
-    url('./assets/images/background.jpg') center/cover no-repeat;
+    url('./assets/images/background.jpg') center/cover repeat;
 
   display: flex;
   flex-direction: column;