refactor: delete floats, wherever possible

Author: woothu

src/components/table/CDataTable.vue

@@ -21,7 +21,7 @@
         class="col-sm-6 p-0"
         :class="{ 'offset-sm-6': !tableFilter }"
       >
-        <div class="form-inline float-sm-right">
+        <div class="form-inline justify-content-sm-end">
           <label class="mr-2">Items per page:</label>
           <select
             class="form-control"

src/components/table/tests/__snapshots__/CDataTable.spec.js.snap

@@ -93,7 +93,7 @@ exports[`CDataTable renders correctly 2`] = `
       class="col-sm-6 p-0"
     >
       <div
-        class="form-inline float-sm-right"
+        class="form-inline justify-content-sm-end"
       >
         <label
           class="mr-2"

src/components/widgets/CWidgetIcon.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="card">
     <div
-      class="card-body clearfix d-flex align-items-center"
+      class="card-body d-flex align-items-center"
       :class="iconPadding ? 'p-3' : 'p-0'"
     >
       <div
-        class="float-left mr-3 text-white"
+        class="mr-3 text-white"
         :class="[`bg-${color}`, iconPadding ? 'p-3' : 'p-4']"
       >
         <slot></slot>

src/components/widgets/tests/__snapshots__/CWidgetIcon.spec.js.snap

@@ -5,10 +5,10 @@ exports[`CWidgetIcon matches custom props snapshot 1`] = `
   class="card"
 >
   <div
-    class="card-body clearfix d-flex align-items-center p-0"
+    class="card-body d-flex align-items-center p-0"
   >
     <div
-      class="float-left mr-3 text-white bg-success p-4"
+      class="mr-3 text-white bg-success p-4"
     />
      
     <div>
@@ -37,10 +37,10 @@ exports[`CWidgetIcon matches default props snapshot 1`] = `
   class="card"
 >
   <div
-    class="card-body clearfix d-flex align-items-center p-3"
+    class="card-body d-flex align-items-center p-3"
   >
     <div
-      class="float-left mr-3 text-white bg-undefined p-3"
+      class="mr-3 text-white bg-undefined p-3"
     />
      
     <div>