Padding style on container div can't be overridden

[ggranum]

Any chance of moving that padding-bottom: 8px; out into a style-class? Or, even better, just remove that extra div and let consumers wrap it how we will?

e.g.:

@Component({
  selector: 'ng2-adsense',
  template: `
              <div class="ng2-adsense">
                <ins class="adsbygoogle"
                     style="display:inline-block;width:320px;height:50px"
                     [attr.data-ad-client]="adClient"
                     [attr.data-ad-slot]="adSlot"
                     [attr.data-ad-format]="adFormat"
                     [attr.data-ad-region]="adRegion"></ins>
              </div>
            `,
  styles:   [
      `.ng2-adsense {
      padding-bottom : 8px;
    } `]
})

Or:

@Component({
  selector: 'ng2-adsense',
  template: `
                <ins class="adsbygoogle"
                     style="display:inline-block;width:320px;height:50px"
                     [attr.data-ad-client]="adClient"
                     [attr.data-ad-slot]="adSlot"
                     [attr.data-ad-format]="adFormat"
                     [attr.data-ad-region]="adRegion"></ins>
            `})

[scttcper]

Fixed in v2.2.0 thanks.