message: shorten button text
diff: </div>
  <div class="hidden-xs pull-right">
  <button class="btn btn-outline" @click="mixPlaylist(true)">
  - <translate>Refresh Recommended</translate>
  + <translate>Refresh</translate>
  </button>
  </div>
  </div>
  <p class="visible-xs">
  <button class="btn btn-outline btn-block" @click="mixPlaylist(true)">
  - <translate>Refresh Recommended</translate>
  + <translate>Refresh</translate>
  </button>
  </p>
  