refactor: Improved manage station information

frontend/src/components/Request.vue

@@ -1,5 +1,9 @@
 <template>
 	<div class="station-playlists">
+		<p class="top-info has-text-centered">
+			Search for songs to add to queue or auto request songs from
+			playlists
+		</p>
 		<div class="tabs-container">
 			<div class="tab-selection">
 				<button
@@ -369,6 +373,11 @@ export default {
 }
 
 .station-playlists {
+	.top-info {
+		font-size: 15px;
+		margin-bottom: 15px;
+	}
+
 	.tabs-container {
 		.tab-selection {
 			display: flex;

frontend/src/components/modals/ManageStation/Settings.vue

@@ -54,7 +54,12 @@
 				:class="{ enabled: localStation.requests.enabled }"
 			>
 				<div class="toggle-row">
-					<label class="label">Requests</label>
+					<label class="label">
+						Requests
+						<info-icon
+							tooltip="Allow users to add songs to queue"
+						/>
+					</label>
 					<p class="is-expanded checkbox-control">
 						<label class="switch">
 							<input
@@ -107,7 +112,10 @@
 				:class="{ enabled: localStation.autofill.enabled }"
 			>
 				<div class="toggle-row">
-					<label class="label">Autofill</label>
+					<label class="label">
+						Autofill
+						<info-icon tooltip="Fill station queue with songs" />
+					</label>
 					<p class="is-expanded checkbox-control">
 						<label class="switch">
 							<input

frontend/src/components/modals/ManageStation/index.vue

@@ -130,7 +130,14 @@
 							class="tab"
 							v-show="tab === 'autofill'"
 							:type="'autofill'"
-						/>
+						>
+							<template #info>
+								<p>
+									Select playlists to automatically add songs
+									within to queue
+								</p>
+							</template>
+						</playlist-tab-base>
 						<request
 							v-if="canRequest()"
 							class="tab"
@@ -735,7 +742,7 @@ export default {
 		}
 		.tab {
 			border: 1px solid var(--light-grey-3);
-			padding: 15px;
+			padding: 15px 10px;
 			border-radius: 0 0 @border-radius @border-radius;
 		}
 	}

frontend/src/pages/Station/Sidebar/index.vue

@@ -172,7 +172,7 @@ export default {
 		margin-bottom: 20px;
 		border-radius: 0 0 @border-radius @border-radius;
 		max-height: 100%;
-		padding: 10px;
+		padding: 15px 10px;
 		overflow-y: auto;
 
 		.scrollable-list {