Clean html & allow full height components

2019-10-12 12:37:55 +02:00
parent 9beded4a06
commit bf67e8b4f7
2 changed files with 31 additions and 19 deletions
@@ -1,17 +1,13 @@
 <!DOCTYPE html>
-
 <html>
-<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<meta name="theme-color" content="#a0cdfe">
-	<title>Adblock Radio</title>
-</head>
-
-<body style="overflow-y: hidden"><!-- prevent y-scroll to refresh when installed as a webapp. https://stackoverflow.com/questions/29008194/disabling-androids-chrome-pull-down-to-refresh-feature/29313685#29313685 -->
-	<!--<audio id="meplayer" style="display: none;">-->
-	<div id="root"></div>
-	<noscript>Welcome on the Adblock Radio player. Javascript does not seem to be enabled on your browser. Please enable it to use the service.</noscript>
-</body>
-
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="theme-color" content="#a0cdfe">
+		<title>Adblock Radio</title>
+	</head>
+	<body>
+		<div id="root"></div>
+		<noscript>Welcome on the Adblock Radio player. Javascript does not seem to be enabled on your browser. Please enable it to use the service.</noscript>
+	</body>
 </html>
@@ -1,10 +1,26 @@
+/*
+ * General
+ */
+
 body {
-	/*width: 550px;*/
-	/*max-width: 800px;*/
-	/*text-align: center;
-  margin: 0 auto 5px auto;*/
-	background: white; /*linear-gradient(45deg, #4d5d95, #40f4ff) fixed;*/
+	background: white;
+	/* Prevent pull-to-refresh when installed as a webapp */
+	/* https://stackoverflow.com/questions/29008194/disabling-androids-chrome-pull-down-to-refresh-feature/29313685#29313685 */
+	overflow-y: hidden; 
 }
+
+html,
+body,
+#root {
+	margin: 0;
+	padding: 0;
+	height: 100%;
+}
+
+/*
+ * Others, uncleaned
+ */
+
 #modeBox {
 	text-align: center;
 	margin-top: 5px;