[WIP] styling kiosk page

templates/includes/forms/log.html.tera

@@ -90,7 +90,9 @@
             document.getElementById('newrower-max_rower_allowed').innerHTML = selectedOption.getAttribute("extra-amount_seats");
           }
           
-          document.getElementById('boat_id').addEventListener('change', updateElementsBasedOnSelectedOption);
+          document.addEventListener('DOMContentLoaded', function() {
+             document.getElementById('boat_id').addEventListener('change', updateElementsBasedOnSelectedOption);
+          });
           document.addEventListener('DOMContentLoaded', updateElementsBasedOnSelectedOption);
 	</script>
 {% endmacro boats %}