clippy initial hide to prevent popin

playlist/static/style.css

@@ -52,7 +52,7 @@ input#spotify-input + input[type=submit]{
 }
 
 #bsod, .hide {
-	display: none;
+	display: none !important;
 }
 
 .offscreen {

playlist/templates/Clippy.html

@@ -6,7 +6,7 @@
     e.parentElement.classList.add("hide")
   }
 </script>
-<div id="clippy">
+<div id="clippy" class="hide">
   <div class="body">
     <div class="content">{{ body }}</div>
     <br /><button onclick="closeclippy(this)">Ok</button>

playlist/templates/head.html

@@ -36,6 +36,7 @@
 					`translate(${position.x}px, ${position.y}px)`
 				document.getElementById("clippy").style.transform = 
 					`translate(${position.x}px, ${position.y}px)`
+				document.getElementById("clippy").classList.remove('hide');
 			} else {
 				localStorage.removeItem("position")
 			}