Increased width for mobile devices

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>

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;
+    }
 }