diff --git a/index.html b/index.html
index b443b26..b46560d 100644
--- a/index.html
+++ b/index.html
@@ -47,8 +47,9 @@
height: 100%;
}
#help {
- max-width: 80ch;
- padding: 5em;
+ width: 80ch;
+ max-width: 100%;
+ padding: 1em;
}
pre {
background-color: #ffffff1f;
diff --git a/src/index.js b/src/index.js
index 0d3a29a..bf41426 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,8 +5,6 @@ import Hls from 'hls.js'
import HlsjsIpfsLoader from 'hlsjs-ipfs-loader'
document.addEventListener('DOMContentLoaded', async () => {
- setBodyHeight()
- window.addEventListener('resize', setBodyHeight)
const hash = getUrlParameter('hash')
const source = getUrlParameter('source')
const title = getUrlParameter('title')
@@ -17,6 +15,8 @@ document.addEventListener('DOMContentLoaded', async () => {
}
if (hash) {
document.getElementById('help').style.display = 'none'
+ setBodyHeight()
+ window.addEventListener('resize', setBodyHeight)
const video = document.getElementById('video')
video.style.display = 'block'
const repoPath = 'ipfs-' + Math.random()