From 01db5ec33211b3f1c6e714626d61b9ae04b848ce Mon Sep 17 00:00:00 2001
From: mchouliara <mchouliara@cite.gr>
Date: Tue, 3 Sep 2024 17:43:37 +0300
Subject: [PATCH] remove demo.css from project build + test, move relevant
 styles to styles.scss

---
 frontend/angular.json    |  2 --
 frontend/src/styles.scss | 48 +++++++++++++++++++++++++++++++---------
 2 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/frontend/angular.json b/frontend/angular.json
index 61afe9cff..e7eff87c9 100644
--- a/frontend/angular.json
+++ b/frontend/angular.json
@@ -28,7 +28,6 @@
 							"node_modules/bootstrap/dist/css/bootstrap.min.css",
 							"src/styles.scss",
 							"src/assets/scss/material-dashboard.scss",
-							"src/assets/css/demo.css",
 							"node_modules/cookieconsent/build/cookieconsent.min.css"
 						],
 						"scripts": [
@@ -116,7 +115,6 @@
 						"styles": [
 							"src/styles.scss",
 							"src/assets/scss/material-dashboard.scss",
-              				"src/assets/css/demo.css",
 							"node_modules/tinymce/tinymce.min.js"
 						],
 						"assets": [
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 7775478ed..a0c7fb187 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -380,7 +380,21 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
 	margin: auto;
 }
 
+.gap-1-rem{
+    gap: 1rem;
+}
 
+.gap-2-rem{
+    gap: 2rem;
+}
+
+.gap-half-rem {
+    gap: 0.5rem;
+}
+
+.gap-quarter-rem {
+    gap: 0.25rem;
+}
 
 .dense-1 {
 	@include mat.all-component-densities(-1);
@@ -564,23 +578,37 @@ button, .mdc-button, .mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[
     }
 }
 
-
+////////* FROM DEMO.CSS*/////
 .pointer {
 	cursor: pointer;
 }
 
-.gap-1-rem{
-    gap: 1rem;
+.custom-modalbox >  mat-dialog-container {
+	padding: 0px;
 }
 
-.gap-2-rem{
-    gap: 2rem;
+
+@media (min-width: 576px) {
+	.container {
+		max-width: 540px;
+	}
 }
 
-.gap-half-rem {
-    gap: 0.5rem;
+@media (min-width: 768px) {
+	.container {
+		max-width: 720px;
+	}
 }
 
-.gap-quarter-rem {
-    gap: 0.25rem;
-}
\ No newline at end of file
+@media (min-width: 992px) {
+	.container {
+		max-width: 960px;
+	}
+}
+
+@media (min-width: 1244px) {
+	.container {
+		max-width: 1204px !important;
+	}
+}
+////////*////////
\ No newline at end of file