From 1cb7aebb42e3dc1ab98fed3b2444de72654bd550 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Tue, 30 Dec 2025 21:09:46 +0100
Subject: [PATCH] fix: move preview-header back to bottom, add spacing beneath

---
 src/index.html | 8 ++++----
 src/main.css   | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/index.html b/src/index.html
index fdcac96..aca3ad5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -69,16 +69,16 @@
 						<button id="next-btn" class="btn btn-primary" data-i18n="next">Next</button>
 					</div>
 					<div class="preview-section">
-						<div class="preview-header">
-							<span class="preview-label" data-i18n="yourOutput">Your Output</span>
-							<button id="show-expected-btn" class="btn btn-small" data-i18n="showExpected">Show Expected</button>
-						</div>
 						<div class="preview-wrapper">
 							<div class="preview-frame" id="preview-area"></div>
 							<div class="expected-overlay" id="expected-overlay">
 								<div class="expected-frame" id="preview-expected"></div>
 							</div>
 						</div>
+						<div class="preview-header">
+							<span class="preview-label" data-i18n="yourOutput">Your Output</span>
+							<button id="show-expected-btn" class="btn btn-small" data-i18n="showExpected">Show Expected</button>
+						</div>
 					</div>
 				</div>
 			</main>
diff --git a/src/main.css b/src/main.css
index f4e534a..2addd03 100644
--- a/src/main.css
+++ b/src/main.css
@@ -496,14 +496,14 @@ code, kbd {
 	display: flex;
 	flex-direction: column;
 	min-height: 0;
-	box-shadow: inset 0 40px 30px -30px rgba(0, 0, 0, 0.08);
+	box-shadow: inset 0 -40px 30px -30px rgba(0, 0, 0, 0.08);
 }
 
 .preview-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	padding: var(--spacing-xs) var(--spacing-md);
+	padding: var(--spacing-xs) var(--spacing-md) var(--spacing-md);
 	background: transparent;
 }