Minor improvements to watch page content

materialious/electron/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.13.14",
+	"version": "1.13.15",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.13.14",
+			"version": "1.13.15",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",

materialious/src/lib/components/watch/Description.svelte

@@ -37,7 +37,7 @@
 		</nav>
 	</summary>
 	<div class="space"></div>
-	<div class="medium scroll">
+	<div class="description">
 		<div style="white-space: pre-line; overflow-wrap: break-word;">
 			<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 			{@html description}
@@ -58,3 +58,11 @@
 		{/if}
 	</div>
 </details>
+
+<style>
+	.description {
+		overflow-y: scroll;
+		overflow-x: hidden;
+		max-height: 300px;
+	}
+</style>

materialious/src/routes/(app)/watch/[slug]/+page.svelte

@@ -536,7 +536,7 @@
 		{/if}
 
 		{#if comments && comments.comments.length > 0}
-			<article class="border comment-list">
+			<article class="border">
 				<details>
 					<summary id="comment-section" class="none bold">
 						<nav>
@@ -546,7 +546,7 @@
 
 					<div class="space"></div>
 
-					<div class="medium scroll">
+					<div class="comment-list">
 						{#each comments.comments as comment (comment)}
 							<Comment {comment} videoId={data.video.videoId}></Comment>
 						{/each}
@@ -711,16 +711,18 @@
 </dialog>
 
 <style>
-	.chapter-list {
-		max-height: 300px;
+	.chapter-list,
+	.comment-list {
 		overflow-y: scroll;
 		overflow-x: hidden;
 	}
 
+	.chapter-list {
+		max-height: 300px;
+	}
+
 	.comment-list {
 		max-height: 600px;
-		overflow-y: scroll;
-		overflow-x: hidden;
 	}
 
 	.recommended {