From a1dca473f647391826abaeb5b69ae348e9e7d13c Mon Sep 17 00:00:00 2001
From: Vincent BENOIT <vincent.benoit@benserv.fr>
Date: Sat, 26 Nov 2022 20:11:30 +0100
Subject: [PATCH] =?UTF-8?q?am=C3=A9lioration=20de=20la=20page=20de=20logs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/workspace/logs/logs.component.css    | 69 +++++++++++++++++--
 1 file changed, 64 insertions(+), 5 deletions(-)

diff --git a/src/app/components/home/workspace/logs/logs.component.css b/src/app/components/home/workspace/logs/logs.component.css
index 1768627..2294791 100644
--- a/src/app/components/home/workspace/logs/logs.component.css
+++ b/src/app/components/home/workspace/logs/logs.component.css
@@ -1,6 +1,4 @@
 .container {
-	/* display: flex; */
-	/*background-color: #b8b8b8;*/
 	margin-bottom: 100px;
 	overflow-x: hidden;
 	overflow-y: auto;
@@ -19,10 +17,9 @@
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
-	margin-top: 0.2rem;
-	margin-left: 0.5rem;
-	margin-right: 0.5rem;
+	margin-top: 0.25rem;
 	height: 80%;
+	width: 85%;
 }
 
 .mat-card.scrollable-content > .mat-card-content {
@@ -33,21 +30,25 @@
 div.DEBUG {
 	margin-bottom: 0.2rem;
 	background-color: lightblue;
+	font-size:smaller;
 }
 
 div.INFO {
 	margin-bottom: 0.2rem;
 	background-color: lightgreen;
+	font-size:smaller;
 }
 
 div.WARNING {
 	margin-bottom: 0.2rem;
 	background-color: orange;
+	font-size:smaller;
 }
 
 div.ERROR {
 	margin-bottom: 0.2rem;
 	background-color: red;
+	font-size:smaller;
 }
 
 .logHeaderDebug {
@@ -81,3 +82,61 @@ div.ERROR {
 	margin-bottom: 0.8rem;
 	font-size:smaller;
 }
+
+@media (max-width: 500px) {
+	div.DEBUG {
+		margin-bottom: 0.2rem;
+		background-color: lightblue;
+		font-size:0.7em;
+	}
+
+	div.INFO {
+		margin-bottom: 0.2rem;
+		background-color: lightgreen;
+		font-size:0.7em;
+	}
+
+	div.WARNING {
+		margin-bottom: 0.2rem;
+		background-color: orange;
+		font-size:0.7em;
+	}
+
+	div.ERROR {
+		margin-bottom: 0.2rem;
+		background-color: red;
+		font-size:0.7em;
+	}
+
+	.logHeaderDebug {
+		border-radius:5px;
+		padding: 0.45rem;
+		background-color: lightblue;
+		margin-bottom: 0.6rem;
+		font-size:0.5em;
+	}
+
+	.logHeaderInfo {
+		border-radius:5px;
+		padding: 0.45rem;
+		background-color: lightgreen;
+		margin-bottom: 0.6rem;
+		font-size:0.5em;
+	}
+
+	.logHeaderWarn {
+		border-radius:5px;
+		padding: 0.45rem;
+		background-color: orange;
+		margin-bottom: 0.6rem;
+		font-size:0.5em;
+	}
+
+	.logHeaderErr {
+		border-radius:5px;
+		padding: 0.45rem;
+		background-color: red;
+		margin-bottom: 0.6rem;
+		font-size:0.5em;
+	}
+}