Improve SingleChoiceEntryView

src/components/AnnotationViews/SingleChoiceEntryView.tsx

@@ -9,6 +9,7 @@ const AUTO_ADVANCE_DELAY_MS = 600;
 
 export default function SingleChoiceEntryView({
   entry,
+  index,
   onSave,
   isSaving,
   ratingOptions,
@@ -47,7 +48,7 @@ export default function SingleChoiceEntryView({
       {/* Sample header */}
       <div className="flex items-center justify-between mb-3">
         <span className="text-xs font-medium text-gray-400 uppercase tracking-wide">
-          Aufnahme {entry.externalId}
+          Aufnahme {index + 1}
         </span>
         {fullyPlayed && (
           <span className="text-xs text-green-600 font-medium">
@@ -65,14 +66,14 @@ export default function SingleChoiceEntryView({
 
       {/* Must-listen hint */}
       {!fullyPlayed && (
-        <p className="text-xs text-amber-600 mt-2">
+        <p className="text-xs text-gray-400 mt-2">
           Bitte die Aufnahme vollständig anhören, bevor du eine Bewertung abgibst.
         </p>
       )}
 
       {/* Dialect + question */}
       <div className="mt-4 mb-3">
-        <div className="text-sm font-semibold text-gray-700">
+        <div className="text-s font-semibold text-gray-700">
           {question}
         </div>
       </div>
@@ -109,6 +110,11 @@ export default function SingleChoiceEntryView({
           );
         })}
       </div>
+
+      {/* Footnote */}
+      <p className="text-xs text-gray-400 mt-8 pt-3 border-t border-gray-100">
+        Vertrau deinem ersten Eindruck – klingt die Aufnahme authentisch nach diesem Dialekt? Es gibt keine richtige oder falsche Antwort.
+      </p>
     </div>
   );
 }