Fix for Info Box when on IE11

Fixes info box displaying incorrectly when using IE11 (not sure for older versions) and also change text for the shadow info box so it will appear better for smaller screens (without having to use text-wrap).

build/scss/_info-box.scss

@@ -45,9 +45,8 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    line-height: 120%;
     flex: 1;
-    padding: 0 10px;
+    padding: 5px 10px;
   }
 
   .info-box-number {

pages/widgets.html

@@ -886,8 +886,8 @@
               <span class="info-box-icon bg-info"><i class="far fa-envelope"></i></span>
 
               <div class="info-box-content">
-                <span class="info-box-text">Custom Shadows - None</span>
-                <span class="info-box-number"></span>
+                <span class="info-box-text">Shadows</span>
+                <span class="info-box-number">None</span>
               </div>
               <!-- /.info-box-content -->
             </div>
@@ -899,8 +899,8 @@
               <span class="info-box-icon bg-success"><i class="far fa-flag"></i></span>
 
               <div class="info-box-content">
-                <span class="info-box-text">Custom Shadows - Small</span>
-                <span class="info-box-number"></span>
+                <span class="info-box-text">Shadows</span>
+                <span class="info-box-number">Small</span>
               </div>
               <!-- /.info-box-content -->
             </div>
@@ -912,8 +912,8 @@
               <span class="info-box-icon bg-warning"><i class="far fa-copy"></i></span>
 
               <div class="info-box-content">
-                <span class="info-box-text">Custom Shadows - Regular</span>
-                <span class="info-box-number"></span>
+                <span class="info-box-text">Shadows</span>
+                <span class="info-box-number">Regular</span>
               </div>
               <!-- /.info-box-content -->
             </div>
@@ -925,8 +925,8 @@
               <span class="info-box-icon bg-danger"><i class="far fa-star"></i></span>
 
               <div class="info-box-content">
-                <span class="info-box-text">Custom Shadows - Large</span>
-                <span class="info-box-number"></span>
+                <span class="info-box-text">Shadows</span>
+                <span class="info-box-number">Large</span>
               </div>
               <!-- /.info-box-content -->
             </div>