From 939fd2535b2ed4037bb0f49544618459ec85ce4c Mon Sep 17 00:00:00 2001
From: javl <mail@jaspervanloenen.com>
Date: Fri, 5 May 2023 20:50:23 +0200
Subject: [PATCH] update layout

---
 css/style.css | 2 +-
 index.html    | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index dc67c17..0d513e9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -140,7 +140,7 @@ input[type="file"] {
   color: #fff;
   font-size: .9em;
   font-weight: bold;
-  margin: 10px 0;
+  margin: 10px 0 0 0;
   padding: 4px 8px;
 }
 
diff --git a/index.html b/index.html
index 18c4fe4..d49f8b7 100644
--- a/index.html
+++ b/index.html
@@ -51,8 +51,11 @@
             <input type="number" min="0" id="text-input-width" class="size-input" value="128" /> x
             <input type="number" min="0" id="text-input-height" class="size-input" value="64" /> px
           </div>
-          <button onclick="handleTextInput('horizontal')">Read as horizontal</button>
-          <button onclick="handleTextInput('vertical')">Read as vertical</button>
+          <div>
+            <button onclick="handleTextInput('horizontal')">Read as horizontal</button>
+            <button onclick="handleTextInput('vertical')">Read as vertical</button>
+          </div>
+          <div class="note">Read images appear at step 3 below</div>
         </div>
       </section>
     </section>