From 363a3c9142551d5da09db1c83761b75d9557430a Mon Sep 17 00:00:00 2001
From: mchouliara <mchouliara@cite.gr>
Date: Wed, 2 Oct 2024 13:49:50 +0300
Subject: [PATCH] remove inapp notif example, ui fixes for responsiveness

---
 ...p-notification-listing-dialog.component.ts | 19 -------------------
 frontend/src/styles.scss                      | 16 ++++++++++++++++
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.ts b/frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.ts
index 90adbc3db..d9fe215da 100644
--- a/frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.ts
+++ b/frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.ts
@@ -126,25 +126,6 @@ export class MineInAppNotificationListingDialogComponent extends BaseComponent i
 			.subscribe(
 				data => {
 					this.inappNotifications = data.items;
-                    this.inappNotifications = [{
-                        id:  Guid.create(),
-                        user: {
-                            name: 'User Name',
-                            additionalInfo: null,
-                            contacts: null,
-                            globalRoles: null,
-                            tenantRoles: null,
-                            credentials: null,
-                        },
-                        isActive: IsActive.Active,
-                        type: Guid.create(),
-                        trackingState: NotificationInAppTracking.Delivered,
-                        subject: 'Hi',
-                        body: 'Hello World',
-                        createdAt: moment().toDate(),
-                        updatedAt: moment().toDate(),
-                        hash: '56565',
-                    }]
 				},
 				error => this.httpErrorHandlingService.handleBackedRequestError(error)
 			);
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 11afe6966..d717a6e8a 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -691,6 +691,8 @@ button, .mdc-button, .mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[
 /// 
 /// 
 /// 
+///
+
 ul.horizontal-list {
     list-style-type: none;
     margin: 0;
@@ -725,6 +727,20 @@ ul.unstyled-list {
     max-width: 100%;
 }
 
+#main-page {
+    container-name: main-page;
+    container-type: inline-size;
+}
+
+@container main-page (inline-size < 550px){
+    .main-content {
+        padding: 0 !important;
+    }
+    .container-fluid:first-child {
+        padding: 0 !important;
+    }
+}
+
 
 // .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 // 	background-color: var(--primary-color-3);