From 9329c1c4399dea3f20189de407cecd6af2a125b6 Mon Sep 17 00:00:00 2001
From: Halfdan <halm@itu.dk>
Date: Fri, 26 Jan 2024 15:18:03 +0100
Subject: [PATCH] Make the viewport fit nicely on mobile

---
 templates/index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/templates/index.html b/templates/index.html
index 09ee021..cded687 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,9 +2,12 @@
 <html>
   <head>
     <meta charset="utf8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>🌟 Valde 30 🌟</title>
     <style>
       html, body {
+        padding : 0;
+        margin : 0;
         width : 100%;
         height : 100%;
       }
@@ -40,7 +43,6 @@
         color: #121212;
         background-image: url('/static/images/play.svg');
         background-position: 58% 54%;
-        
       }
 
       #play.playing {
@@ -62,6 +64,7 @@
     <script>
       // Random colours
       let hexString = "0123456789abcdef";
+
       let randomColor = () => {
         let hexCode = "#";
         for( i=0; i<6; i++){
@@ -75,7 +78,6 @@
         let colorTwo = randomColor();
         let angle = Math.floor(Math.random() * 360);
         document.body.style.background = `linear-gradient(${angle}deg, ${colorOne}, ${colorTwo})`;
-        // outputCode.value = `background: linear-gradient(${angle}deg, ${colorOne}, ${colorTwo});`;
       }
 
       generateGrad()
