Fixed chapters not wrapping correctly

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

@@ -414,10 +414,7 @@
 							{#if data.content.timestamps.length > 0}
 								<h6 style="margin-bottom: .3em;">Chapters</h6>
 								{#each data.content.timestamps as timestamp}
-									<button
-										on:click={() => seekTo(timestamp.time)}
-										class="timestamps"
-										class:primary={timestamp.time <= currentTime}
+									<button on:click={() => seekTo(timestamp.time)} class="timestamps"
 										>{timestamp.timePretty}
 										{#if !timestamp.title.startsWith('-')}
 											-
@@ -503,10 +500,16 @@
 		margin-left: 0;
 		margin-bottom: 0.4em;
 		display: block;
-		background-color: var(--secondary-container);
+		padding: 0;
+		text-align: left;
+		background-color: transparent;
 		color: var(--on-secondary-container);
 	}
 
+	.timestamps:hover {
+		padding: 0 0.5em;
+	}
+
 	.video-actions {
 		display: flex;
 		align-items: center;

materialious/static/style.css

@@ -2,6 +2,20 @@
     padding: .1em .4em;
 }
 
+.vds-chapter-radio-label {
+    word-wrap: break-word !important;
+    overflow-wrap: break-word !important;
+    white-space: normal !important;
+}
+
+.vds-chapter-radio-content {
+    max-width: 200px !important;
+}
+
+.vds-chapter-radio {
+    align-items: start !important;
+}
+
 @media screen and (max-width: 580px) {
     main {
         padding-left: .1em !important;