fix: card component padding

Author: santoshyadavdev

projects/ngx-bulma/src/lib/card/card-content/card-content.component.css

@@ -0,0 +1,3 @@
+.card-content {
+  display: block;
+}

projects/ngx-bulma/src/lib/card/card-header/card-header.component.html

@@ -1,3 +1 @@
-<header class="card-header">
-    <ng-content></ng-content>
-</header>
+<ng-content></ng-content>

projects/ngx-bulma/src/lib/card/card-header/card-header.component.ts

@@ -1,17 +1,22 @@
-import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  HostBinding,
+  OnInit,
+  ViewEncapsulation,
+} from '@angular/core';
 
 @Component({
   selector: 'bu-card-header',
   templateUrl: './card-header.component.html',
   styleUrls: ['./card-header.component.css'],
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BulmaCardHeaderComponent implements OnInit {
+  @HostBinding('class') class = 'card-header';
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+  constructor() {}
 
+  ngOnInit() {}
 }