Merge pull request #275 from Materialious/fix/watch-spacing

Fix spacing

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
   "name": "Materialious",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Modern material design for Invidious.",
   "author": {
     "name": "Ward Pearce",

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.0.4",
+	"version": "1.0.5",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

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

@@ -389,6 +389,8 @@
 	<title>{data.video.title} | Materialious</title>
 </svelte:head>
 
+<div class="space"></div>
+
 <div class="grid">
 	<div class={`s12 m12 l${theatreMode ? '12' : '10'}`}>
 		<div style="display: flex;justify-content: center;">

materialious/static/style.css

@@ -38,13 +38,6 @@ main.root {
 	overflow-y: scroll;
 }
 
-@media screen and (max-width: 580px) {
-	main.root {
-		padding-left: 0.1em !important;
-		padding-right: 0.1em !important;
-	}
-}
-
 @media screen and (max-width: 650px) {
 	dialog.right {
 		width: 100% !important;
@@ -53,6 +46,7 @@ main.root {
 
 @media screen and (max-width: 650px) {
 	main.root {
-		padding-top: 6em !important;
+		padding-left: 0.1em !important;
+		padding-right: 0.1em !important;
 	}
 }