From f464af461856c010dc3d1c57f8498a132c494af7 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Sun, 20 Dec 2020 15:08:08 -0800
Subject: [PATCH] touch drag

---
 css/style.css | 2 +-
 js/creator.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index c8fef97d..4dcee077 100644
--- a/css/style.css
+++ b/css/style.css
@@ -202,7 +202,7 @@ a:hover {
 	text-align: center;
 }
 .layer {
-	padding: 2rem;
+	padding: 0.5rem;
 }
 .vertical-center {
 	margin: auto;
diff --git a/js/creator.js b/js/creator.js
index 33b1a61f..7d15de8a 100644
--- a/js/creator.js
+++ b/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 => {