From 00c94fc7ec050fc5a4c52e75ced72fa0f4025e48 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Tue, 30 Dec 2025 18:11:11 +0100
Subject: [PATCH] fix: reorder instruction elements - title first, pill second

- Move h2 lesson-title before module-pill
- Add more spacing before lesson-description
---
 src/index.html | 2 +-
 src/main.css   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index c49b505..c444313 100644
--- a/src/index.html
+++ b/src/index.html
@@ -30,8 +30,8 @@
 				<!-- Left Panel: Instructions + Editor -->
 				<div class="left-panel">
 					<section class="instructions">
-						<span class="module-pill" id="module-pill" data-i18n="loading">Loading...</span>
 						<h2 id="lesson-title" data-i18n="loading">Loading...</h2>
+						<span class="module-pill" id="module-pill" data-i18n="loading">Loading...</span>
 						<div class="task-instruction" id="task-instruction"></div>
 						<div class="lesson-description" id="lesson-description" data-i18n="selectLesson">
 							Please select a lesson to begin.
diff --git a/src/main.css b/src/main.css
index 68ac04c..6b84cc7 100644
--- a/src/main.css
+++ b/src/main.css
@@ -253,6 +253,7 @@ code, kbd {
 	font-size: 0.95rem;
 	line-height: 1.6;
 	color: var(--text-color);
+	margin-top: var(--spacing-lg);
 	margin-bottom: var(--spacing-md);
 }