From a0a6f39408a1b445ced7b738e8f039aca537f04d Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Mon, 1 Apr 2024 17:56:19 +1300
Subject: [PATCH] Increased width for mobile devices

---
 materialious/src/routes/watch/[slug]/+page.svelte | 6 ++----
 materialious/static/style.css                     | 7 +++++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/materialious/src/routes/watch/[slug]/+page.svelte b/materialious/src/routes/watch/[slug]/+page.svelte
index 0a95a79c..cfe64703 100644
--- a/materialious/src/routes/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/watch/[slug]/+page.svelte
@@ -139,7 +139,7 @@
 						<i>headphones</i>
 						<span>Audio only </span>
 					</button>
-					<button class="border m l" data-ui="#share"
+					<button class="border" data-ui="#share"
 						><i>share</i> Share
 						<menu class="left no-wrap" id="share" data-ui="#share">
 							<a
@@ -181,9 +181,7 @@
 									<a
 										href="#add"
 										on:click={async () => await addVideoToPlaylist(personalPlaylist.playlistId)}
-										>{personalPlaylist.title}{#if personalPlaylist.videos.filter((item) => {
-											if (item.videoId === data.video.videoId) return item;
-										})}<i>done</i>{/if}
+										>{personalPlaylist.title}
 									</a>
 								{/each}
 							</menu>
diff --git a/materialious/static/style.css b/materialious/static/style.css
index c8b60efc..e6797db0 100644
--- a/materialious/static/style.css
+++ b/materialious/static/style.css
@@ -1,3 +1,10 @@
 .thumbnail-corner {
     padding: .1em .4em;
+}
+
+@media screen and (max-width: 580px) {
+    main {
+        padding-left: .1em !important;
+        padding-right: .1em !important;
+    }
 }
\ No newline at end of file