fix: ie card charts issue

Author: mrholek

src/app/views/dashboard/dashboard.component.html

@@ -14,10 +14,10 @@
               <a class="dropdown-item" href="#">Something else here</a>
             </div>
           </div>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper px-3" style="height:70px;">
+        <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="lineChart1Data"
           [labels]="lineChart1Labels"
@@ -34,10 +34,10 @@ <h4 class="mb-0">9.823</h4>
           <button type="button" class="btn btn-transparent p-0 float-right">
             <i class="icon-location-pin"></i>
           </button>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper px-3" style="height:70px;">
+        <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="lineChart2Data"
           [labels]="lineChart2Labels"
@@ -61,10 +61,10 @@ <h4 class="mb-0">9.823</h4>
               <a class="dropdown-item" href="#">Something else here</a>
             </div>
           </div>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper" style="height:70px;">
+        <div class="chart-wrapper mt-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="lineChart3Data"
           [labels]="lineChart3Labels"
@@ -88,10 +88,10 @@ <h4 class="mb-0">9.823</h4>
               <a class="dropdown-item" href="#">Something else here</a>
             </div>
           </div>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper px-3" style="height:70px;">
+        <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="barChart1Data"
           [labels]="barChart1Labels"

src/app/views/widgets/widgets.component.html

@@ -11,12 +11,13 @@
               <a class="dropdown-item" href="#">Action</a>
               <a class="dropdown-item" href="#">Another action</a>
               <a class="dropdown-item" href="#">Something else here</a>
+              <a class="dropdown-item" href="#">Something else here</a>
             </div>
           </div>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper px-3" style="height:70px;">
+        <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="lineChart1Data"
           [labels]="lineChart1Labels"
@@ -33,10 +34,10 @@ <h4 class="mb-0">9.823</h4>
           <button type="button" class="btn btn-transparent p-0 float-right">
             <i class="icon-location-pin"></i>
           </button>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper px-3" style="height:70px;">
+        <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="lineChart2Data"
           [labels]="lineChart2Labels"
@@ -60,10 +61,10 @@ <h4 class="mb-0">9.823</h4>
               <a class="dropdown-item" href="#">Something else here</a>
             </div>
           </div>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper" style="height:70px;">
+        <div class="chart-wrapper mt-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="lineChart3Data"
           [labels]="lineChart3Labels"
@@ -87,10 +88,10 @@ <h4 class="mb-0">9.823</h4>
               <a class="dropdown-item" href="#">Something else here</a>
             </div>
           </div>
-          <h4 class="mb-0">9.823</h4>
-          <p>Members online</p>
+          <div class="text-value">9.823</div>
+          <div>Members online</div>
         </div>
-        <div class="chart-wrapper px-3" style="height:70px;">
+        <div class="chart-wrapper mt-3 mx-3" style="height:70px;">
           <canvas baseChart class="chart"
           [datasets]="barChart1Data"
           [labels]="barChart1Labels"