From 7dfaa59243399141dc6f971334b0b47f4ecf18f2 Mon Sep 17 00:00:00 2001
From: laurentbarontini <l.barontini@open-squared.ch>
Date: Fri, 1 May 2026 21:29:46 +0200
Subject: [PATCH] Card size

---
 frontend/src/App.jsx    | 12 +++++-------
 frontend/src/styles.css | 35 +++++++++++++++++++++--------------
 2 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 58e3fb9..be702b5 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1104,7 +1104,6 @@ function TutorApp({ currentUser, onLogout }) {
               {activeAsset && (
                 <div className="lesson-asset-view" aria-label="Fiche de leçon active">
                   <div className="lesson-asset-toolbar">
-                    <strong>{activeSection?.title || activeAsset.title}</strong>
                     <div className="lesson-asset-actions">
                       <button
                         type="button"
@@ -1134,18 +1133,17 @@ function TutorApp({ currentUser, onLogout }) {
               )}
             </section>
 
-            <section className="student-transmission lesson-bubble">
-              <span>Ta réponse</span>
-              <p>{lastStudentTransmission || 'Dicte ou écris ta réponse quand tu es prêt.'}</p>
-            </section>
-
             <form onSubmit={assessment ? submitAssessment : sendMessage} className="lesson-composer">
               <input
                 value={assessment ? assessmentAnswer : input}
                 onChange={(event) =>
                   assessment ? setAssessmentAnswer(event.target.value) : setInput(event.target.value)
                 }
-                placeholder={assessment ? 'Ta réponse au mini-test...' : 'Écris ta réponse...'}
+                placeholder={
+                  assessment
+                    ? 'Ta réponse au mini-test...'
+                    : lastStudentTransmission || 'Dicte ou écris ta réponse...'
+                }
               />
               <button type="button" onClick={startVoiceInput} disabled={isTranscribing}>
                 {isAutoListening ? 'Stop micro' : isTranscribing ? 'Transcription...' : 'Dicter'}
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index d5d467a..39ec34f 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -425,7 +425,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 .student-lesson {
   height: 100dvh;
   display: grid;
-  grid-template-rows: auto minmax(0, 1fr) auto auto auto;
+  grid-template-rows: auto minmax(0, 1fr) auto auto;
   gap: 0.75rem;
   padding: 0.75rem;
   overflow: hidden;
@@ -493,6 +493,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 }
 .lesson-asset-toolbar {
   flex: 0 0 auto;
+  justify-content: flex-end;
 }
 .lesson-asset-toolbar strong {
   min-width: 0;
@@ -501,7 +502,8 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   white-space: nowrap;
 }
 .lesson-asset-actions button {
-  padding: 0.6rem 0.8rem;
+  padding: 0.45rem 0.65rem;
+  font-size: 0.9rem;
 }
 .lesson-asset-open {
   min-height: 0;
@@ -727,9 +729,9 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   }
 
   .student-lesson {
-    gap: 0.55rem;
-    padding: 0.5rem;
-    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
+    gap: 0.45rem;
+    padding: 0.45rem 0;
+    grid-template-rows: auto minmax(0, 1fr) auto auto;
   }
 
   .lesson-topbar {
@@ -752,13 +754,16 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   }
 
   .lesson-display {
-    padding: 0.85rem;
-    border-radius: 16px;
+    padding: 0.65rem 0;
+    border-left: 0;
+    border-right: 0;
+    border-radius: 0;
   }
 
   .teacher-transcript {
-    max-height: 2.35rem;
+    max-height: 2.15rem;
     font-size: 0.9rem;
+    padding: 0 0.65rem;
   }
 
   .lesson-display-head,
@@ -766,6 +771,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
     align-items: center;
     flex-direction: row;
     gap: 0.5rem;
+    padding: 0 0.65rem;
   }
 
   .lesson-asset-actions {
@@ -774,21 +780,22 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   }
 
   .lesson-asset-actions button {
-    padding: 0.45rem 0.55rem;
-    font-size: 0.86rem;
-  }
-
-  .lesson-asset-toolbar strong {
-    font-size: 0.95rem;
+    padding: 0.35rem 0.55rem;
+    font-size: 0.82rem;
+    border-radius: 10px;
   }
 
   .lesson-asset-open img {
     max-height: none;
+    border-left: 0;
+    border-right: 0;
+    border-radius: 0;
   }
 
   .lesson-composer {
     grid-template-columns: 1fr 1fr;
     gap: 0.5rem;
+    padding: 0 0.45rem;
   }
 
   .lesson-composer input {