refactor: CWidgetDropdown style changes

Author: woothu

src/components/widgets/CWidgetDropdown.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="card" :class="`bg-${color} text-white`">
-    <div class="card-body pb-0">
+    <div class="card-body pb-0 d-flex justify-content-between">
+      <div>
+        <div v-if="header" class="text-value-lg">{{header}}</div>
+        <div v-if="text">{{text}}</div>
+      </div>
       <slot></slot>
-      <h4 v-if="header" class="mb-0">{{header}}</h4>
-      <p v-if="text">{{text}}</p>
     </div>
     <slot name="footer"></slot>
   </div>

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

@@ -5,18 +5,20 @@ exports[`CWidgetDropdown matches custom props snapshot 1`] = `
   class="card bg-info text-white"
 >
   <div
-    class="card-body pb-0"
+    class="card-body pb-0 d-flex justify-content-between"
   >
+    <div>
+      <div
+        class="text-value-lg"
+      >
+        header
+      </div>
+       
+      <div>
+        text
+      </div>
+    </div>
      
-    <h4
-      class="mb-0"
-    >
-      header
-    </h4>
-     
-    <p>
-      text
-    </p>
   </div>
    
 </div>
@@ -27,12 +29,14 @@ exports[`CWidgetDropdown matches default props snapshot 1`] = `
   class="card bg-undefined text-white"
 >
   <div
-    class="card-body pb-0"
+    class="card-body pb-0 d-flex justify-content-between"
   >
+    <div>
+      <!---->
+       
+      <!---->
+    </div>
      
-    <!---->
-     
-    <!---->
   </div>
    
 </div>