More improvements

materialious/src/routes/(app)/+layout.svelte

@@ -482,4 +482,10 @@
 		color: var(--on-surface);
 		border-radius: 0.75rem;
 	}
+
+	@media only screen and (max-width: 993px) {
+		.pip {
+			width: 100%;
+		}
+	}
 </style>

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

@@ -363,7 +363,7 @@
 	<title>{data.video.title}</title>
 </svelte:head>
 
-<div class="grid">
+<div class="grid no-padding">
 	<div class={`s12 m12 l${theatreMode ? '12' : '9'}`}>
 		<div style="display: flex;justify-content: center;">
 			{#if data.video.premiereTimestamp}
@@ -702,12 +702,6 @@
 		}
 	}
 
-	@media screen and (max-width: 1646px) {
-		.grid {
-			padding: 0;
-		}
-	}
-
 	@media only screen and (max-width: 993px) {
 		.recommended {
 			margin-top: 0;