Clean up (#496)

apps/client/src/app/components/admin-overview/admin-overview.module.ts

@@ -14,4 +14,4 @@ import { AdminOverviewComponent } from './admin-overview.component';
   providers: [CacheService],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class AdminOverviewModule {}
+export class GfAdminOverviewModule {}

apps/client/src/app/components/admin-users/admin-users.module.ts

@@ -11,4 +11,4 @@ import { AdminUsersComponent } from './admin-users.component';
   imports: [CommonModule, MatButtonModule, MatMenuModule],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class AdminUsersModule {}
+export class GfAdminUsersModule {}

apps/client/src/app/components/header/header.component.html

@@ -2,7 +2,7 @@
   <ng-container *ngIf="user">
     <a
       [routerLink]="['/']"
-      class="align-items-center d-flex h-100 mx-2 no-min-width px-2 rounded-0"
+      class="align-items-center d-flex h-100 no-min-width px-2 rounded-0"
       mat-button
     >
       <gf-logo></gf-logo>

apps/client/src/app/components/home-overview/home-overview.component.ts

@@ -10,6 +10,7 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { PortfolioPerformance, User } from '@ghostfolio/common/interfaces';
 import { DateRange } from '@ghostfolio/common/types';
 import { LineChartItem } from '@ghostfolio/ui/line-chart/interfaces/line-chart.interface';
+import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -27,6 +28,7 @@ export class HomeOverviewComponent implements OnDestroy, OnInit {
     { label: '5Y', value: '5y' },
     { label: 'Max', value: 'max' }
   ];
+  public deviceType: string;
   public hasImpersonationId: boolean;
   public historicalDataItems: LineChartItem[];
   public isAllTimeHigh: boolean;
@@ -43,6 +45,7 @@ export class HomeOverviewComponent implements OnDestroy, OnInit {
   public constructor(
     private changeDetectorRef: ChangeDetectorRef,
     private dataService: DataService,
+    private deviceService: DeviceDetectorService,
     private impersonationStorageService: ImpersonationStorageService,
     private settingsStorageService: SettingsStorageService,
     private userService: UserService
@@ -62,6 +65,8 @@ export class HomeOverviewComponent implements OnDestroy, OnInit {
    * Initializes the controller
    */
   public ngOnInit() {
+    this.deviceType = this.deviceService.getDeviceInfo().deviceType;
+
     this.impersonationStorageService
       .onChangeHasImpersonation()
       .pipe(takeUntil(this.unsubscribeSubject))

apps/client/src/app/components/home-overview/home-overview.html

@@ -7,6 +7,7 @@
     h-100
     justify-content-center
     overview
+    p-0
     position-relative
   "
 >
@@ -15,6 +16,7 @@
       <gf-line-chart
         symbol="Performance"
         [historicalDataItems]="historicalDataItems"
+        [ngClass]="{ 'pr-3': deviceType === 'mobile' }"
         [showGradient]="true"
         [showLoader]="false"
         [showXAxis]="false"

apps/client/src/app/pages/admin/admin-page.module.ts

@@ -4,8 +4,8 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTabsModule } from '@angular/material/tabs';
-import { AdminOverviewModule } from '@ghostfolio/client/components/admin-overview/admin-overview.module';
-import { AdminUsersModule } from '@ghostfolio/client/components/admin-users/admin-users.module';
+import { GfAdminOverviewModule } from '@ghostfolio/client/components/admin-overview/admin-overview.module';
+import { GfAdminUsersModule } from '@ghostfolio/client/components/admin-users/admin-users.module';
 import { CacheService } from '@ghostfolio/client/services/cache.service';
 import { GfValueModule } from '@ghostfolio/ui/value';
 
@@ -16,10 +16,10 @@ import { AdminPageComponent } from './admin-page.component';
   declarations: [AdminPageComponent],
   exports: [],
   imports: [
-    AdminOverviewModule,
     AdminPageRoutingModule,
-    AdminUsersModule,
     CommonModule,
+    GfAdminOverviewModule,
+    GfAdminUsersModule,
     GfValueModule,
     MatButtonModule,
     MatCardModule,

apps/client/src/app/pages/home/home-page.component.ts

@@ -7,11 +7,11 @@ import {
 } from '@angular/core';
 import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
+import { User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { User } from '@ghostfolio/common/interfaces';
 
 @Component({
   selector: 'gf-home-page',