change look

dist/assets/stylesheets/main.css

@@ -4,6 +4,13 @@ div {
 	font-family: "Arial", Helvetica, sans-serif;
 }
 
+#instructions {
+	margin: auto;
+	width: 50%;
+	border: 1px solid blue;
+	padding: 16px;
+}
+
 .instruction {
 	display: block;
 	color: blue;

dist/index.html

@@ -11,10 +11,6 @@
         <div id="dropZone">
           <div id="output"></div>
 
-          <div id="instructions" class="instruction">
-            <p>Drag images onto the page to upload them. Advance frames with arrow keys</p>
-          </div>
-
           <div id="frameNumber" class="warning">
               <p></p>
           </div>
@@ -22,6 +18,10 @@
           <div id="currentImage">
             <img alt="">
           </div>
+          
+          <div id="instructions" class="instruction">
+            <p>Drag images onto the page to upload them. Advance frames with arrow keys</p>
+          </div>
         </div>
 
         <script src="bundle.js"></script>