timelapse service index.php change to template, other stuff

defaults/main.yaml

@@ -39,7 +39,7 @@ kiosk_service_templates:
     user_data_dir: "/opt/chrome/one"
     extra_chrome_configs: |
                 --user-data-dir=/opt/chrome/one \
-  - chrome_resolution: "720,600"
+  - chrome_resolution: "720,550"
     chrome_website: "http://127.0.0.1:8081"
     service_name: chrome_timelapse_control
     extra_service_configs: ""

files/service_control_api/website/styles.css

@@ -5,7 +5,8 @@ body {
     padding: 0;
     background-color: #2c3e50; /* Dark background color */
     color: #bdc3c7; /* Dimmer text color */
-    zoom: 1.5
+    zoom: 1.5;
+    overflow: hidden; /* Hide scrollbars */
 }
 .container {
     max-width: 500px;