From 86d4dd5afc58c6291f6d4af2309338afae03a2d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 21 Jan 2022 16:16:44 +0100
Subject: [PATCH] MOBILE-3814 about: Move device info to the footer

---
 src/core/features/settings/pages/about/about.html | 15 +++++++++------
 src/core/features/settings/pages/about/about.scss |  3 +++
 src/core/features/settings/pages/about/about.ts   |  1 +
 3 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 src/core/features/settings/pages/about/about.scss

diff --git a/src/core/features/settings/pages/about/about.html b/src/core/features/settings/pages/about/about.html
index 061f88ec3..04d5a5971 100644
--- a/src/core/features/settings/pages/about/about.html
+++ b/src/core/features/settings/pages/about/about.html
@@ -13,12 +13,6 @@
 
 <ion-content>
     <ion-list>
-        <ion-item button class="ion-text-wrap" detail="false" (click)="openPage('deviceinfo')">
-            <ion-icon name="fas-mobile" slot="start" aria-hidden="true"></ion-icon>
-            <ion-label>
-                <h2>{{ appName }} {{ versionName }}</h2>
-            </ion-label>
-        </ion-item>
         <ion-item button class="ion-text-wrap" (click)="openPage('licenses')" detail="true">
             <ion-icon name="far-copyright" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.settings.opensourcelicenses' | translate }}</ion-label>
@@ -40,3 +34,12 @@
         </ion-item>
     </ion-list>
 </ion-content>
+
+<ion-footer class="ion-no-border">
+    <ion-item button class="ion-text-wrap ion-text-center core-about-deviceinfo" detail="false" (click)="openPage('deviceinfo')"
+        lines="none">
+        <ion-label>
+            <h2>{{ appName }} {{ versionName }}</h2>
+        </ion-label>
+    </ion-item>
+</ion-footer>
diff --git a/src/core/features/settings/pages/about/about.scss b/src/core/features/settings/pages/about/about.scss
new file mode 100644
index 000000000..d49c44f45
--- /dev/null
+++ b/src/core/features/settings/pages/about/about.scss
@@ -0,0 +1,3 @@
+.core-about-deviceinfo {
+    --background: transparent;
+}
diff --git a/src/core/features/settings/pages/about/about.ts b/src/core/features/settings/pages/about/about.ts
index 9135a6316..256cf5fe6 100644
--- a/src/core/features/settings/pages/about/about.ts
+++ b/src/core/features/settings/pages/about/about.ts
@@ -24,6 +24,7 @@ import { CoreNavigator } from '@services/navigator';
 @Component({
     selector: 'page-core-app-settings-about',
     templateUrl: 'about.html',
+    styleUrls: ['about.scss'],
 })
 export class CoreSettingsAboutPage {