fix(AddToPlaylist): No playlists text not centred and create playlist icon was grey

frontend/src/components/AddToPlaylistDropdown.vue

@@ -48,7 +48,9 @@
 					</p>
 				</button>
 			</div>
-			<p v-else>You haven't created any playlists.</p>
+			<p v-else class="no-playlists">
+				You haven't created any playlists.
+			</p>
 
 			<button
 				id="create-playlist"
@@ -177,3 +179,14 @@ export default {
 	}
 };
 </script>
+
+<style lang="scss" scoped>
+.no-playlists {
+	text-align: center;
+	margin-top: 10px;
+}
+
+#create-playlist .material-icons {
+	color: var(--white);
+}
+</style>