Vuetify: [Bug-Report] V-list-group doesn't cut a long v-list-tile-title

[TheLukasBerns]

Versions and Environment
Vuetify: 1.0.0-beta.4
Vue: 2.5.13
OS: Windows 10

Steps to reproduce
https://codepen.io/anon/pen/eyQyjE?editors=1010

Expected Behavior
If the title of the v-list-tile-title is to big for thev-list-group area, it should be cut (example exa...).

Actual Behavior
The text pushes the append-icon to right and doesn't stay in it's borders

[pionxzh]

Here is a temporary fix for mobile
```
@media screen and (max-width: 600px)
.hot-fix-for-list .list__tile {
max-width: 57.5vw
}

[TheLukasBerns]

I found out, that the problem ist caused by the display: flex from .list__group__header

[tafel]

This is working for me:

<v-list-group ...>
    <v-list-tile slot="activator" class="list-hotfix">...</v-list-tile>
</v-list-group>

<style>
.list-hotfix {
    flex: 1 1 auto !important;
    overflow: hidden;
}
</style>