From 88b5f09e385713016af47ca5356b74f71e74f464 Mon Sep 17 00:00:00 2001
From: javl <mail@jaspervanloenen.com>
Date: Fri, 14 Aug 2026 16:19:51 +0200
Subject: [PATCH] align titles in 1st section

---
 css/style.css | 12 ++++++++++++
 index.html    |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index b76621f..ad8951c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -128,6 +128,7 @@ body {
 
 .btn-reset {
   margin: 0;
+  color: #fff;
 }
 
 /* ---- Layout: sidebar + main ---- */
@@ -341,6 +342,11 @@ code {
 
 /* ---- Multi-column (select image row) ---- */
 
+.input-methods-row {
+  display: flex;
+  align-items: flex-start;
+}
+
 .column {
   float: left;
 }
@@ -353,6 +359,7 @@ code {
 
 .column-right {
   float: right;
+  margin-left: auto;
 }
 
 /* ---- Table layout for settings ---- */
@@ -728,10 +735,15 @@ input[type="file"]::file-selector-button {
     display: none;
   }
 
+  .input-methods-row {
+    flex-direction: column;
+  }
+
   .column,
   .column-right {
     float: none;
     width: 100%;
+    margin-left: 0;
   }
 
   .byte-input {
diff --git a/index.html b/index.html
index 852aa8e..5144e28 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@
 
     <section class="section step bottom-divider" id="step-1">
       <div class="step-num">1</div>
-      <section class="sub-section">
+      <section class="sub-section input-methods-row">
         <div class="column" id="file-input-column">
           <h2 class="sub-section-title">Select image</h2>
           <div class="note upload-note">All processing is done locally in your browser; your images are not uploaded or stored anywhere online.</div>