Nouvelle présentation pour le log de calcul

src/app/components/fixedvar-results/fixed-results.component.scss

@@ -5,6 +5,7 @@
 .fixed-results-container {
     margin-top: 1em;
     border: solid #ccc 1px;
+    border-radius: 2px;
 }
 
 table.mat-table {

src/app/components/log-entry/log-entry.component.html

 <div class="entry">
-    <div style="text-align: center;">
-        <mat-icon *ngIf="levelInfo" style="color:green">check_circle</mat-icon>
-        <mat-icon *ngIf="levelWarning" style="color:orange">error_outline</mat-icon>
-        <mat-icon *ngIf="levelError" style="color:red">warning</mat-icon>
-    </div>
-    <div>
-        <!-- on utilise [innerHTML] pour que les codes HTML comme &nbsp; soient interprétés correctement -->
-        <span [innerHTML]="text"></span>
-    </div>
-</div>
\ No newline at end of file
+    <mat-icon *ngIf="levelInfo" style="color:green">check_circle</mat-icon>
+    <mat-icon *ngIf="levelWarning" style="color:orange">error_outline</mat-icon>
+    <mat-icon *ngIf="levelError" style="color:red">warning</mat-icon>
+
+    <!-- on utilise [innerHTML] pour que les codes HTML comme &nbsp; soient interprétés correctement -->
+    <div class="entry-text" [innerHTML]="text"></div>
+</div>

src/app/components/log-entry/log-entry.component.scss

+.entry {
+    margin-top: 0.5em;
+
+    mat-icon {
+        float: left;
+    }
+
+    .entry-text {
+        padding-top: 4px;
+        padding-left: 32px;
+        margin-bottom: 12px;
+    }
+}

src/app/components/log-entry/log-entry.component.ts

@@ -8,14 +8,9 @@ import { ApplicationSetupService } from "../../services/app-setup/app-setup.serv
 @Component({
     selector: "log-entry",
     templateUrl: "./log-entry.component.html",
-    styles: [`
-        .entry {
-            margin-left: 1em;
-            margin-right: 1em;
-            margin-top: 0.5em;
-            margin-bottom: 0.5em;
-        }
-    `]
+    styleUrls: [
+        "./log-entry.component.scss"
+    ]
 
 })
 export class LogEntryComponent implements OnChanges {

src/app/components/log/log.component.html

@@ -2,10 +2,7 @@
     <div class="hyd_log">
         <!-- titre -->
         <div class="titre">{{ uitextTitreJournal }}</div>
-
         <!-- entrées du journal -->
-        <ng-template ngFor let-m [ngForOf]="messages">
-            <log-entry [_message]=m></log-entry>
-        </ng-template>
+        <log-entry *ngFor="let m of messages" [_message]="m"></log-entry>
     </div>
-</div>
\ No newline at end of file
+</div>

src/app/components/log/log.component.scss

+:host {
+    display: block;
+}
+
+.hyd_log {
+    margin-top: 1em;
+    border: solid #ccc 1px;
+    border-radius: 2px;
+    padding: 1em;
+    padding-top : 1.3em;
+}
+
+.titre {
+    background-color: white;
+    border: 1px solid #ccc;
+    border-radius: 2px;
+    float: left;
+    font-weight: bold;
+    margin-bottom: -1em;
+    margin-top: -2.3em;
+    padding: 0.2em 0.5em;
+}

src/app/components/log/log.component.ts

@@ -7,26 +7,9 @@ import { I18nService } from "../../services/internationalisation/internationalis
 @Component({
     selector: "log",
     templateUrl: "./log.component.html",
-    styles: [`
-        .hyd_log {
-            border : 1px solid black;
-            margin : 1.8em 0;
-            padding-top : 1.3em;
-            border-radius: 10px;
-        }
-        .titre {
-            background-color: #00b0ff;
-            border: 1px solid black;
-            border-radius: 5px;
-            float: left;
-            font-size: 1.15em;
-            font-weight: bold;
-            margin-bottom: -1em;
-            margin-left: 0.5em;
-            margin-top: -2.3em;
-            padding: 0.2em 0.5em;
-        }
-    `]
+    styleUrls: [
+        "./log.component.scss"
+    ]
 })
 export class LogComponent {
     /**