due to scroll locking of window container needed for service checks detail page -> fixed scroll containers for other pages

ng/src/app/app-routing.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { AdminPanelComponent } from './components/admin/admin-panel/admin-panel.component';
+import { AdminPanelComponent } from './pages/admin-panel/admin-panel.component';
 import { HomePageComponent } from './pages/home-page/home-page.component';
 import { ServerDataPageComponent } from './pages/server-data-page/server-data-page.component';
 import { ServiceCheckDetailPageComponent } from './pages/service-check-detail-page/service-check-detail-page.component';

ng/src/app/app.module.ts

@@ -8,7 +8,7 @@ import { NgChartsModule } from 'ng2-charts';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { AdminPanelComponent } from './components/admin/admin-panel/admin-panel.component';
+import { AdminPanelComponent } from './pages/admin-panel/admin-panel.component';
 import { HeaderComponent } from './components/header/header.component';
 import { ServerDataChartComponent } from './components/server-data-chart/server-data-chart.component';
 import { ServerMetricsWidgetComponent } from './components/server-metrics-widget/server-metrics-widget.component';

ng/src/app/components/admin/admin-panel/admin-panel.component.ts → ng/src/app/pages/admin-panel/admin-panel.component.ts

@@ -1,13 +1,14 @@
 import { Component, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';
 import { faSave } from '@fortawesome/free-solid-svg-icons';
-import { ServiceApiService } from '../../../services/service-api.service';
-import { ServerApiService } from '../../../services/server-api.service';
-import { ServiceCheckFormComponent } from '../../service-check-form/service-check-form.component';
+import { ServiceApiService } from '../../services/service-api.service';
+import { ServerApiService } from '../../services/server-api.service';
+import { ServiceCheckFormComponent } from '../../components/service-check-form/service-check-form.component';
 
 @Component({
   selector: 'app-admin-panel',
   templateUrl: './admin-panel.component.html',
-  styleUrls: ['./admin-panel.component.scss']
+  styleUrls: ['./admin-panel.component.scss'],
+  host: { class: 'd-flex flex-column h-100 overflow-auto' }
 })
 export class AdminPanelComponent implements OnInit {
   @ViewChildren(ServiceCheckFormComponent) formChilds!: QueryList<ServiceCheckFormComponent>;

ng/src/app/pages/home-page/home-page.component.ts

@@ -6,7 +6,8 @@ import { ServerApiService } from '../../services/server-api.service';
 @Component({
   selector: 'app-home',
   templateUrl: './home-page.component.html',
-  styleUrls: ['./home-page.component.scss']
+  styleUrls: ['./home-page.component.scss'],
+  host: { class: 'd-flex flex-column h-100 overflow-auto' }
 })
 export class HomePageComponent implements OnInit {
   public fa = { faAngleDown, faAngleRight, faChalkboard, faChartBar, faServer, faTheaterMasks };

ng/src/app/pages/server-data-page/server-data-page.component.ts

@@ -9,7 +9,8 @@ import { ServerApiService } from 'src/app/services/server-api.service';
 @Component({
   selector: 'app-server-data-page',
   templateUrl: './server-data-page.component.html',
-  styleUrls: ['./server-data-page.component.scss']
+  styleUrls: ['./server-data-page.component.scss'],
+  host: { class: 'd-flex flex-column h-100 overflow-auto' }
 })
 export class ServerDataPageComponent implements OnInit, OnDestroy {
   private subscriptions: Subscription[] = [];