public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

fix: reorder instruction elements - title first, pill second

Browse Source 
- Move h2 lesson-title before module-pill
- Add more spacing before lesson-description
This commit is contained in:
Michael Czechowski
2025-12-30 18:11:11 +01:00
parent 334b147706
commit 45e6cbaa8d
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.html
View File

@@ -30,8 +30,8 @@
<!-- Left Panel: Instructions + Editor --> <!-- Left Panel: Instructions + Editor -->
<div class="left-panel"> <div class="left-panel">
<section class="instructions"> <section class="instructions">
<span class="module-pill" id="module-pill" data-i18n="loading">Loading...</span>
<h2 id="lesson-title" data-i18n="loading">Loading...</h2> <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="task-instruction" id="task-instruction"></div>
<div class="lesson-description" id="lesson-description" data-i18n="selectLesson"> <div class="lesson-description" id="lesson-description" data-i18n="selectLesson">
Please select a lesson to begin. Please select a lesson to begin.

1
src/main.css
View File

@@ -253,6 +253,7 @@ code, kbd {
font-size: 0.95rem; font-size: 0.95rem;
line-height: 1.6; line-height: 1.6;
color: var(--text-color); color: var(--text-color);
margin-top: var(--spacing-lg);
margin-bottom: var(--spacing-md); margin-bottom: var(--spacing-md);
} }