From dc361a3ab8300251bc2a436bcd1dba92d1b499be Mon Sep 17 00:00:00 2001
From: Maseu <maseu@protonmail.com>
Date: Tue, 22 Jan 2019 21:26:04 +0100
Subject: [PATCH] Fixed Import Image Text Overflow  (#695)

* Replace dropzone id with dropzone class

* Added dropzone class to div container

* Updated dropZone listener

* Changed #dropzone input to .dropzone input
---
 examples/demo.css             | 4 ++--
 examples/index.html           | 2 +-
 src/modules/ImportImage/Ui.js | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/demo.css b/examples/demo.css
index f807bc2c..a52c3e2f 100644
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -46,7 +46,7 @@ h1 {
   padding: 0px 0px;
 }
 
-#dropzone {
+.dropzone {
   padding: 30px;
   margin: 0 20% 30px;
   border: 4px dashed #ccc;
@@ -59,7 +59,7 @@ h1 {
   background: #eee;
 }
 
-#dropzone input {
+.dropzone input {
   max-width: 100%;
 }
 
diff --git a/examples/index.html b/examples/index.html
index 17f6e525..49db3126 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -63,7 +63,7 @@
       </p>
     </header>
 
-    <div id="dropzone">
+    <div id="dropzone" class="dropzone">
       <p>
         <i>Select or drag in an image to start!</i>
       </p>
diff --git a/src/modules/ImportImage/Ui.js b/src/modules/ImportImage/Ui.js
index fc6e9a69..7523e665 100644
--- a/src/modules/ImportImage/Ui.js
+++ b/src/modules/ImportImage/Ui.js
@@ -8,8 +8,8 @@ module.exports = function ImportImageModuleUi(step, ui) {
 
     // add a file input listener
     var dropZone ='\
-    <div style="padding: 30px;margin: 10px 20% 30px;border: 4px dashed #ccc;border-radius: 8px;text-align: center;color: #444;" id="' + dropzoneId + '">\
-      <p>\
+    <div class="dropzone" style="padding: 30px;margin: 10px 20% 30px;border: 4px dashed #ccc;border-radius: 8px;text-align: center;color: #444;" id="' + dropzoneId + '">\
+          <p>\
         <i>Select or drag in an image to overlay.</i>\
       </p>\
       <center>\