fix: reorder instruction elements - title first, pill second

- Move h2 lesson-title before module-pill
- Add more spacing before lesson-description
This commit is contained in:
2025-12-30 18:11:11 +01:00
parent 334b147706
commit 45e6cbaa8d
2 changed files with 2 additions and 1 deletions

View File

@@ -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.

View File

@@ -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);
}