From 6eba55c5c94af8504c639ac34f2123a14286b930 Mon Sep 17 00:00:00 2001
From: Beau Blyth <teknopants@gmail.com>
Date: Thu, 26 Sep 2019 15:15:20 -0700
Subject: [PATCH] change look

---
 dist/assets/stylesheets/main.css | 7 +++++++
 dist/index.html                  | 8 ++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/dist/assets/stylesheets/main.css b/dist/assets/stylesheets/main.css
index 60a679f..272dcb9 100644
--- a/dist/assets/stylesheets/main.css
+++ b/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;
diff --git a/dist/index.html b/dist/index.html
index e039779..a3d092c 100644
--- a/dist/index.html
+++ b/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>