player: progress bar position

assets/src/assets/styles.scss

@@ -171,7 +171,7 @@ a.navbar-item.is-active {
     --preview-cover-size: 24em;
     --preview-cover-small-size: 10em;
 
-    --player-panel-bg: var(--highlight-color-alpha);
+    --player-panel-bg: var(--highlight-color);
     --player-bar-bg: var(--highlight-color);
     --progress-border-size: 1px;
     --progress-border: var(--progress-border-size) var(--highlight-color-2) solid;

assets/src/components/APlaylist.vue

@@ -33,6 +33,7 @@ export default {
         name: String,
         player: Object,
         editable: Boolean,
+        withLink: Boolean
     },
 
     computed: {

assets/src/components/AProgress.vue

@@ -6,10 +6,10 @@
         <div ref="bar" class="a-progress-bar-container" @click.stop="onClick" @mouseleave.stop="onMouseMove"
                 @mousemove.stop="onMouseMove">
             <div :class="progressClass" :style="progressStyle">
-                <time>
-                    {{ hoverValue && format(hoverValue) || "))))"}}
+                <time v-if="hoverValue">
+                    {{ format(hoverValue) }}
                 </time>
-                &nbsp;
+                <template v-else>&nbsp;</template>
             </div>
         </div>
         <time class="time-total">

assets/src/components/ASoundItem.vue

@@ -9,6 +9,12 @@
             </span>
         </slot>
         <div class="button-group actions">
+            <a class="button" v-if="hasAction('page')"
+                    :href="item.data.page_url">
+                <span class="icon is-small">
+                    <i class="fa fa-external-link"></i>
+                </span>
+            </a>
             <a class="button" v-if="item.data.is_downloadable"
                     :href="item.data.url" target="_blank">
                 <span class="icon is-small">