hotfix tabs behaviour in final logs report

src/app/components/logs-dashboard/report/logs-graph/logs-graph.component.html

 
 <div class="section" *ngIf="isNoError; else errorGraph">
   <div class="graph-component">
-    <a class="button button-gl is-centered" (click)="replotGraph()">
-      Reload Chart
-    </a>
+
     <div class="columns is-centered">
       <div class="graph-div-canvas">
         <canvas id="graphCanvas">{{ chart }}</canvas>
       </div>
     </div>
+    <div  class="columns is-centered">
+      <a class="button button-gl is-centered" (click)="replotGraph()">
+          Recharger le graphique
+      </a>
+  </div>
   </div>
 </div>
 <ng-template #errorGraph>

src/app/components/logs-dashboard/report/logs-report/logs-report.component.scss

@@ -7,7 +7,7 @@ figure {
   figure img{
     max-width: 9.3rem;
     display: inline-block;
-    margin-top: 1.25rem;
+    margin-top: 20px;
   }
   
   .card-header-title {
@@ -109,28 +109,29 @@ figure {
     transition: width 0.3s;
     width: 100%;
   }
-}
 
 
-.full-width {
-  width: 100%;
-}
 
-h1 {
-  text-align: center
-}
+  .full-width {
+    width: 100%;
+  }
 
-.icon {
-  cursor: pointer;
-  &:hover {
-    .fa-plus {
-      color: lightblue;
-    }
-    .fa-trash {
-      color: #d5232a;
+  h1 {
+    text-align: center
+  }
+
+  .icon {
+    cursor: pointer;
+    &:hover {
+      .fa-plus {
+        color: lightblue;
+      }
+      .fa-trash {
+        color: #d5232a;
+      }
     }
   }
-}
-.hidden {
-  display: none;
+  .hidden {
+    display: none;
+  }
 }
\ No newline at end of file

src/app/components/logs-dashboard/report/logs-report/logs-report.component.ts

@@ -74,7 +74,8 @@ export class LogsReportComponent implements OnInit {
   }
 
   tabsToggler(tabName) {
-    if (tabName === 'Graph') {
+    if (tabName === 'Graphique') {
+      console.log(this.isToggled);
       this.isToggled = true;
       this.tabs[1].isActive = false;
       this.tabs[0].isActive = true;
@@ -82,13 +83,15 @@ export class LogsReportComponent implements OnInit {
 
     }
     if (tabName === 'Infos') {
+      console.log(this.isToggled);
       this.isToggled = false;
       this.tabs[1].isActive = true;
       this.tabs[0].isActive = false;
       this.tabs[2].isActive = false;
 
     }
-    if (tabName === 'Errors') {
+    if (tabName === 'Erreurs') {
+      console.log(this.isToggled);
       this.isToggled = undefined;
       this.tabs[2].isActive = true;
       this.tabs[1].isActive = false;