adaptation du composant RemousResultsComponent à MDBootstrap

src/app/components/calculator-results/calculator-results.component.html

 <div class="container-fluid">
-    <div class="row resultchart">
+    <div class="row">
         <div class="col-8 mx-auto">
             <chart *ngIf="showVarResults" [type]="graph_type" [data]="graph_data" [options]="graph_options">
             </chart>

src/app/components/remous-results/remous-results.component.html

-<div style="width:50%">
-    <chart [type]="graph1_type" [data]="graph1_data" [options]="graph1_options"></chart>
-    <chart *ngIf="_extraGraph" [type]="graph2_type" [data]="graph2_data" [options]="graph2_options"></chart>
-</div>
-<br/>
-<div style="text-align:center;">
-    <!-- journal -->
-    <table style="float: left">
-        <thead>
-            <tr>
-                <th>{{uitextTitreJournal}}</th>
-            </tr>
-        </thead>
-        <tr *ngFor="let r of _logEntries">
-            <td align="left">{{r}}</td>
-        </tr>
-    </table>
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-12 mx-auto">
+            <chart [type]="graph1_type" [data]="graph1_data" [options]="graph1_options"></chart>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12 mx-auto">
+            <chart *ngIf="_extraGraph" [type]="graph2_type" [data]="graph2_data" [options]="graph2_options"></chart>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-xs-12 col-lg-10 mx-auto">
+            <!-- journal -->
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>{{uitextTitreJournal}}</th>
+                    </tr>
+                </thead>
+                <tr *ngFor="let r of _logEntries">
+                    <td align="left">{{r}}</td>
+                </tr>
+            </table>
+        </div>
+    </div>
     <br/>
-    <!-- résultats numériques -->
-    <table style="float: left">
-        <thead>
-            <tr>
-                <th></th>
-                <th>{{uitextLigneFluviale}}</th>
-                <th></th>
-                <th>{{uitextLigneTorrentielle}}</th>
-                <th></th>
-            </tr>
-            <tr>
-                <th>{{uitextAbscisse}}</th>
-                <th>{{uitextTirant}}</th>
-                <th>{{_extraParamLabel}}</th>
-                <th>{{uitextTirant}}</th>
-                <th>{{_extraParamLabel}}</th>
-            </tr>
-        </thead>
-        <tr *ngFor="let r of _results; let i=index" [class]="getResultClass(i)">
-            <td>{{r.abs}}</td>
-            <td>{{r.flu}}</td>
-            <td>{{r.extraFlu}}</td>
-            <td>{{r.tor}}</td>
-            <td>{{r.extraTor}}</td>
-        </tr>
-    </table>
+    <div class="row">
+        <div class="col-xs-12  col-lg-6 mx-auto">
+            <!-- résultats numériques -->
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th></th>
+                        <th>{{uitextLigneFluviale}}</th>
+                        <th></th>
+                        <th>{{uitextLigneTorrentielle}}</th>
+                        <th></th>
+                    </tr>
+                    <tr>
+                        <th>{{uitextAbscisse}}</th>
+                        <th>{{uitextTirant}}</th>
+                        <th>{{_extraParamLabel}}</th>
+                        <th>{{uitextTirant}}</th>
+                        <th>{{_extraParamLabel}}</th>
+                    </tr>
+                </thead>
+                <tr *ngFor="let r of _results; let i=index" [class]="getResultClass(i)">
+                    <td>{{r.abs}}</td>
+                    <td>{{r.flu}}</td>
+                    <td>{{r.extraFlu}}</td>
+                    <td>{{r.tor}}</td>
+                    <td>{{r.extraTor}}</td>
+                </tr>
+            </table>
+        </div>
+    </div>
 </div>
\ No newline at end of file