diff --git a/lib/pangea/activity_sessions/activity_summary_widget.dart b/lib/pangea/activity_sessions/activity_summary_widget.dart index 3592967dc..0d4619fa0 100644 --- a/lib/pangea/activity_sessions/activity_summary_widget.dart +++ b/lib/pangea/activity_sessions/activity_summary_widget.dart @@ -97,17 +97,16 @@ class ActivitySummary extends StatelessWidget { color: theme.colorScheme.surface.withAlpha(128), borderRadius: BorderRadius.circular(12.0), ), - child: Padding( - padding: const EdgeInsets.symmetric( - horizontal: 8.0, - ), - child: Column( - spacing: 4.0, - mainAxisSize: MainAxisSize.min, - children: [ - InkWell( - hoverColor: theme.colorScheme.surfaceTint.withAlpha(55), - onTap: toggleInstructions, + child: Column( + spacing: 4.0, + mainAxisSize: MainAxisSize.min, + children: [ + InkWell( + borderRadius: BorderRadius.circular(12.0), + hoverColor: theme.colorScheme.surfaceTint.withAlpha(55), + onTap: toggleInstructions, + child: Padding( + padding: const EdgeInsets.all(8.0), child: Column( spacing: 4.0, children: [ @@ -139,69 +138,69 @@ class ActivitySummary extends StatelessWidget { ], ), ), - if (showInstructions) ...[ - Row( - spacing: 8.0, - mainAxisSize: MainAxisSize.min, - children: [ - Text( - activity.req.mode, - style: theme.textTheme.bodyMedium, - ), - Row( - spacing: 4.0, - mainAxisSize: MainAxisSize.min, - children: [ - const Icon(Icons.school, size: 12.0), - Text( - activity.req.cefrLevel.string, - style: theme.textTheme.bodyMedium, - ), - ], - ), - ], - ), - ActivitySessionDetailsRow( - icon: Symbols.target, - iconSize: 16.0, - child: Text( - activity.learningObjective, + ), + if (showInstructions) ...[ + Row( + spacing: 8.0, + mainAxisSize: MainAxisSize.min, + children: [ + Text( + activity.req.mode, style: theme.textTheme.bodyMedium, ), - ), - ActivitySessionDetailsRow( - icon: Symbols.steps, - iconSize: 16.0, - child: Html( - data: markdown(activity.instructions), - style: { - "body": Style( - margin: Margins.all(0), - padding: HtmlPaddings.all(0), - fontSize: FontSize( - theme.textTheme.bodyMedium!.fontSize!, - ), + Row( + spacing: 4.0, + mainAxisSize: MainAxisSize.min, + children: [ + const Icon(Icons.school, size: 12.0), + Text( + activity.req.cefrLevel.string, + style: theme.textTheme.bodyMedium, ), - }, + ], ), + ], + ), + ActivitySessionDetailsRow( + icon: Symbols.target, + iconSize: 16.0, + child: Text( + activity.learningObjective, + style: theme.textTheme.bodyMedium, ), - ActivitySessionDetailsRow( - icon: Symbols.dictionary, - iconSize: 16.0, - child: ActivityVocabWidget( - key: ValueKey( - "activity-summary-${activity.activityId}", + ), + ActivitySessionDetailsRow( + icon: Symbols.steps, + iconSize: 16.0, + child: Html( + data: markdown(activity.instructions), + style: { + "body": Style( + margin: Margins.all(0), + padding: HtmlPaddings.all(0), + fontSize: FontSize( + theme.textTheme.bodyMedium!.fontSize!, + ), ), - vocab: activity.vocab, - langCode: activity.req.targetLanguage, - targetId: "activity-summary-vocab", - usedVocab: usedVocab, - activityLangCode: activity.req.targetLanguage, - ), + }, ), - ], + ), + ActivitySessionDetailsRow( + icon: Symbols.dictionary, + iconSize: 16.0, + child: ActivityVocabWidget( + key: ValueKey( + "activity-summary-${activity.activityId}", + ), + vocab: activity.vocab, + langCode: activity.req.targetLanguage, + targetId: "activity-summary-vocab", + usedVocab: usedVocab, + activityLangCode: activity.req.targetLanguage, + ), + ), ], - ), + ], ), ), ],