fix(ui): labels and mobile view

[robertsLando]

• Better labels
• Fix expandable menu on mobile devices
• Table horizontal scroll on overflow

Fixes #399

cc @blhoward2

[robertsLando]

@ahochsteger

[coveralls]

Pull Request Test Coverage Report for Build 533308721

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 20.725%

---

Totals
Change from base Build 533291396:	0.0%
Covered Lines:	1981
Relevant Lines:	9799

---

💛 - Coveralls

[robertsLando]

@ahochsteger For some reasons seems that the v-select isn't respecting display breakpoints, I fixed byt setting a max-width on that for now

[robertsLando]

There is definetly some bugs in the grid system. Need to figure out what's going on there

Everything seems working correctly on xs and md screens, not so good with sm

[robertsLando]

@ahochsteger Ok I have found the problem. It happens when the view is between 600 (mobile breakpoint for data table) and 1200px. In this case the table hasn't enought space to show all columns so it adds an horiontal scroll that results in wrong widths in the expanded item too. We should find a way to prevent this

[robertsLando]

@ahochsteger This problems

[robertsLando]

@ahochsteger Switched to the new grid system 🎉

[ahochsteger]

@robertsLando great!
And does it solve some of the UI problems?

[robertsLando]

And does it solve some of the UI problems?

Nope, btw wasn't that the reason why I did it. To fix them we should check the available width and make the table not scrollable horizontally

[robertsLando]

Merging this for now, will look at others ui problems in another PR