diff --git a/studio-v2/app/learn/layout.tsx b/studio-v2/app/learn/layout.tsx index a47255b..1c13f8f 100644 --- a/studio-v2/app/learn/layout.tsx +++ b/studio-v2/app/learn/layout.tsx @@ -32,6 +32,11 @@ export default function LearnLayout({ children }: { children: React.ReactNode }) /> {children} +
+ + Impressum + +
) diff --git a/studio-v2/components/learn/ExerciseLayout.tsx b/studio-v2/components/learn/ExerciseLayout.tsx index f8580db..83f24cc 100644 --- a/studio-v2/components/learn/ExerciseLayout.tsx +++ b/studio-v2/components/learn/ExerciseLayout.tsx @@ -85,9 +85,27 @@ export function ExerciseLayout({ )} - {/* Main content: 2/3 left + 1/3 right */} + {/* Main content */}
-
+ {/* Explanation banner — full width above exercise, only for non-DE/EN */} + {isThirdLanguage && explanation && ( +
+
+ 💡 +
+

+ {nativeLang.toUpperCase()} · {t('english')} · {t('german')} +

+

+ {explanation} +

+
+
+
+ )} + + {/* 2/3 left + 1/3 right — both start at same height */} +
{/* Left: Exercise area (2/3 or full) */}
{children} @@ -98,24 +116,10 @@ export function ExerciseLayout({
)} - {/* Right: Native language helper (1/3) — only for migrants */} + {/* Right: Native language words (1/3) */} {isThirdLanguage && (
-
- {/* Explanation card */} - {explanation && ( -
-

- 💡 - {nativeLang.toUpperCase()} · {t('english')} · {t('german')} -

-

- {explanation} -

-
- )} - - {/* Native words */} +
{nativeHelper}
@@ -126,4 +130,3 @@ export function ExerciseLayout({ ) } -export { explanations as exerciseExplanations }