Styles and About Page Fixes

src/routes/about/+page.svelte

@@ -77,11 +77,28 @@
 			children: [
 				{
 					type: "output",
-					content: `(&primary)Now Playing:(&) (&text)${song.title}(&)`,
+					content: `(&primary)Now Playing:(&)`,
+					inline: true,
 				},
+				{
+					type: "link",
+					content: `(&blue)${song.title}(&)`,
+					href: song.url,
+					inline: true,
+					external: true,
+				},
+				{ type: "blank", content: "" },
 				{
 					type: "output",
-					content: `(&primary)Artist:(&) (&text)${song.author}(&)`,
+					content: `(&primary)Artist:(&)`,
+					inline: true,
+				},
+				{
+					type: "link",
+					content: `(&blue)${song.author}(&)`,
+					href: song.authorUrl,
+					inline: true,
+					external: true,
 				},
 				{
 					type: "progress",
@@ -120,15 +137,7 @@
 							textStyle: "center",
 						}
 					],
-				},
-				{
-					type: "button",
-					content: "(&icon, mdi:youtube) Listen on YouTube",
-					style: "primary",
-					href: song.url,
-					external: true,
-					textStyle: "center",
-				},
+				}
 			],
 		});
 	}