Update app.py

app.py

@@ -54,24 +54,28 @@ def generate(message: str, chat_history: list[dict]) -> Iterator[str]:
 
 <div style="display: flex; align-items: flex-start; justify-content: center; gap: 20px;">
 
-    <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
+  <!-- Bloc gauche -->
+  <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0; width: 40%;">
     <p><strong>SOIT entre</strong> :</p>
     <ul>
       <li>Un majeur (18 ans ou +) et un mineur (moins de 18 ans)</li>
       <li>Avec une différence d’âge importante, par exemple</li>
     </ul>
-    </div>
-    
-    <p style="text-align: center;">OU</p>
-    
-    <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
+  </div>
+
+  <!-- Texte "OU" au milieu -->
+  <p style="font-weight: bold; margin-top: 20px;">OU</p>
+
+  <!-- Bloc droit -->
+  <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0; width: 40%;">
     <p><strong>SOIT avec</strong> :</p>
     <ul>
       <li><strong>Une menace</strong> (ex : chantage)</li>
       <li><strong>Une contrainte</strong> (ex : pression physique)</li>
       <li><strong>Une surprise</strong> (ex : ton partenaire dort)</li>
     </ul>
-    </div>
+  </div>
+
 </div>
 
 <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">