touch drag

css/style.css

@@ -202,7 +202,7 @@ a:hover {
 	text-align: center;
 }
 .layer {
-	padding: 2rem;
+	padding: 0.5rem;
 }
 .vertical-center {
 	margin: auto;

js/creator.js

@@ -151,7 +151,9 @@ function dragEnd(event) {
 	Array.from(document.querySelectorAll('.dragging')).forEach(element => element.classList.remove('dragging'));
 }
 function touchMove(event) {
-	event.preventDefault();
+	if (event.target.nodeName != 'IMG') {
+		event.preventDefault();
+	}
 	var clientX = event.touches[0].clientX;
 	var clientY = event.touches[0].clientY;
 	Array.from(document.querySelector('.dragging').parentElement.children).forEach(element => {