From 47422b9e38a4aa05b3e367765db2ae1a7f2f0c2f Mon Sep 17 00:00:00 2001
From: Sam <sam@puritydev.io>
Date: Thu, 24 May 2018 22:19:10 +1000
Subject: [PATCH] SLPlayer Mobile metadata

---
 src/components/application/ptplayer.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/application/ptplayer.vue b/src/components/application/ptplayer.vue
index e47aee56..a2dae3ab 100644
--- a/src/components/application/ptplayer.vue
+++ b/src/components/application/ptplayer.vue
@@ -109,7 +109,22 @@
     <v-layout v-if="playingMetadata && chosenServer" justify-center align-center row class="pa-3 hidden-sm-and-up">
       <v-flex xs12>
         <v-layout row wrap align-center justify-start>
-          <img :src="thumbUrl" class="elevation-20" style="height: 120px; width: auto; vertical-align: middle; margin-left: auto; margin-right: auto"/>
+          <img :src="thumbUrl" class="elevation-20" style="height: 80px; width: auto; vertical-align: middle; margin-left: auto; margin-right: auto"/>
+          <v-flex class="pl-2">
+            <v-container class="pa-0" fill-height>
+              <v-layout column wrap justify-space-apart>
+                <v-flex>                  
+                  <h1>{{ getTitle(playingMetadata) }}</h1>
+                </v-flex>
+                <v-flex>
+                  <h3>{{ getUnder(playingMetadata) }}</h3>
+                </v-flex>
+                <v-flex>
+                  <h5>Playing from {{ chosenServer.name  }}</h5>
+                </v-flex>
+              </v-layout>
+            </v-container>
+          </v-flex>
           <v-layout row wrap class="">
             <v-flex xs12>
               <v-btn block :disabled="manualSyncQueued" color="blue" v-on:click.native="doManualSync" v-if="me.role !== 'host'">Manual sync</v-btn>