From 7df5aadd18f2b4448fdb967e5a5c3f2b24e9ad69 Mon Sep 17 00:00:00 2001
From: samcm <sam_cm_to@hotmail.com>
Date: Fri, 9 Jun 2017 03:54:48 +1000
Subject: [PATCH] Vuejs upgrade & PlexServer.vue fixes

---
 .gitignore                                            |  1 +
 package.json                                          |  4 ++--
 src/components/application/plexbrowser/plexserver.vue | 10 +++++-----
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index faf39252..89e66091 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,4 @@ test/unit/coverage
 test/e2e/reports
 selenium-debug.log
 .idea/
+package-lock.json
\ No newline at end of file
diff --git a/package.json b/package.json
index dc5ed7e7..2d28424e 100644
--- a/package.json
+++ b/package.json
@@ -36,12 +36,13 @@
     "videojs-contrib-hls": "^5.5.2",
     "videojs-resolution-switcher": "^0.4.2",
     "videojs-settings-menu": "0.0.2",
-    "vue": "2.3.3",
+    "vue": "^2.3.4",
     "vue-animate": "0.0.4",
     "vue-clipboards": "^0.2.6",
     "vue-easy-toast": "^1.0.1",
     "vue-infinite-scroll": "^2.0.1",
     "vue-lazyload": "^1.0.3",
+    "vue-loader": "^12.2.1",
     "vue-materials": "^1.0.7-rc.7",
     "vue-observe-visibility": "^0.1.3",
     "vue-resource": "^1.0.3",
@@ -104,7 +105,6 @@
     "sinon": "^1.17.3",
     "sinon-chai": "^2.8.0",
     "url-loader": "^0.5.7",
-    "vue-loader": "^9.4.0",
     "vue-style-loader": "^1.0.0",
     "webpack": "^1.13.2",
     "webpack-dev-middleware": "^1.8.3",
diff --git a/src/components/application/plexbrowser/plexserver.vue b/src/components/application/plexbrowser/plexserver.vue
index bae6a3ff..582dafde 100644
--- a/src/components/application/plexbrowser/plexserver.vue
+++ b/src/components/application/plexbrowser/plexserver.vue
@@ -6,9 +6,9 @@
             <div v-if="!libraries && !browsingLibrary" class="center">
                 <v-progress-circular active large></v-progress-circular>
             </div>
-            <h2> Libraries </h2>
+            <h2 class="col s12"> Libraries </h2>
             <div v-if="libraries && !browsingLibrary" v-for="library in filteredLibraries">
-                <v-card v-on:click.native="setLibrary(library)" class="row blue-grey darken-1 col l3 s12 hoverable"
+                <v-card v-on:click.native="setLibrary(library)" class="blue-grey darken-1 col l3 s12 hoverable"
                         style="box-shadow:none">
                     <div class="col s3 l3" style="height:100%">
                         <img :src="getThumb(library)" style="height:100%; width:100%">
@@ -18,8 +18,8 @@
                     </div>
                 </v-card>
             </div>
-            <h2> On Deck </h2>
-            <div v-if="!libraries && !browsingLibrary && !selectedItem" class="center">
+            <h2 class="col s12"> On Deck </h2>
+            <div v-if="!libraries && !browsingLibrary && !selectedItem" class="center row">
                 <v-progress-circular active large></v-progress-circular>
             </div>
             <div v-if="onDeck.length != 0" class="row" style="border-bottom:1px solid rgba(0,0,0,0.12)">
@@ -56,7 +56,7 @@
                     </v-card>
                 </div>
             </div>
-            <h2> Recently Added </h2>
+            <h2 class="col s12"> Recently Added </h2>
             <div v-if="!libraries && !browsingLibrary && !selectedItem" class="center">
                 <v-progress-circular active large></v-progress-circular>
             </div>