Empty template of b-table with mobile cards is not centered on mobile

[corlaez]

Empty template of b-table with mobile cards is not centered on mobile

Buefy version: [0.5.2]
Vuejs version: [2.4.2]
OS/Browser: Windows, Linus; Chrome, Firefox

Description

When you have an empty b-table on mobile with mobile cards on the template will show to the right of the screen.

Steps to reproduce

1. Go to table docs
2. Make sure 'Mobile cards' and 'Empty' switches are on
3. Make sure your browser is on mobile

Expected behavior

The template should render on the center. A possible solution will be to render two divs enclosing the content of the Empty section

Actual behavior

Renders tr and td enclosing the content of empty section squashing the content to the right.