amélioration de la page de logs

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;
+	}
+}