chore: update widgets to current state from other PRs

lib/game/view/widgets/pinball_button.dart

@@ -21,9 +21,7 @@ class PinballButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
+    return DecoratedBox(
-      onTap: _onPressed,
-      child: DecoratedBox(
       decoration: BoxDecoration(
         image: DecorationImage(
           image: AssetImage(
@@ -32,6 +30,8 @@ class PinballButton extends StatelessWidget {
         ),
       ),
       child: Center(
+        child: InkWell(
+          onTap: _onPressed,
           child: Padding(
             padding: const EdgeInsets.symmetric(
               horizontal: 32,

lib/game/view/widgets/widgets.dart

@@ -1,6 +1,5 @@
 export 'bonus_animation.dart';
 export 'game_hud.dart';
 export 'pinball_button.dart';
-export 'play_button_overlay.dart';
 export 'round_count_display.dart';
 export 'score_view.dart';

lib/select_character/widgets/selected_character.dart

@@ -88,6 +88,7 @@ class _SelectedCharacterState extends State<SelectedCharacter>
             Text(
               currentCharacter.name,
               style: AppTextStyle.headline3,
+              textAlign: TextAlign.center,
             ),
             const SizedBox(height: 20),
             SizedBox(

lib/select_character/widgets/star_animation.dart

@@ -61,14 +61,14 @@ class StarAnimation extends StatelessWidget {
   final double _stepTime;
 
   /// Returns a list of assets to be loaded.
-  static Future<void> loadAssets() {
+  static List<Future> loadAssets() {
     Flame.images.prefix = '';
 
-    return Flame.images.loadAll([
+    return [
-      Assets.images.selectCharacter.starA.keyName,
+      Flame.images.load(Assets.images.selectCharacter.starA.keyName),
-      Assets.images.selectCharacter.starB.keyName,
+      Flame.images.load(Assets.images.selectCharacter.starB.keyName),
-      Assets.images.selectCharacter.starC.keyName,
+      Flame.images.load(Assets.images.selectCharacter.starC.keyName),
-    ]);
+    ];
   }
 
   @override

lib/start_game/widgets/start_game_listener.dart

@@ -80,7 +80,7 @@ void _showPinballDialog({
     builder: (_) {
       return Center(
         child: SizedBox(
-          height: gameWidgetWidth,
+          height: gameWidgetWidth * 0.87,
           width: gameWidgetWidth,
           child: child,
         ),

packages/pinball_ui/lib/src/dialog/pixelated_decoration.dart

@@ -20,22 +20,19 @@ class PixelatedDecoration extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     const radius = BorderRadius.all(Radius.circular(12));
-    const borderWidth = 5.0;
 
-    return DecoratedBox(
+    return Material(
+      borderRadius: radius,
+      child: Padding(
+        padding: const EdgeInsets.all(5),
+        child: DecoratedBox(
           decoration: BoxDecoration(
+            borderRadius: radius,
             image: DecorationImage(
               fit: BoxFit.fill,
               image: AssetImage(Assets.images.dialog.background.keyName),
             ),
-        borderRadius: radius,
-        border: Border.all(
-          color: Colors.white,
-          width: borderWidth,
           ),
-      ),
-      child: Padding(
-        padding: const EdgeInsets.all(borderWidth),
           child: ClipRRect(
             borderRadius: radius,
             child: Column(
@@ -53,6 +50,7 @@ class PixelatedDecoration extends StatelessWidget {
             ),
           ),
         ),
+      ),
     );
   }
 }

test/select_character/widgets/selected_character_test.dart

@@ -11,7 +11,6 @@ import '../../helpers/helpers.dart';
 
 void main() {
   TestWidgetsFlutterBinding.ensureInitialized();
-
   late CharacterThemeCubit characterThemeCubit;
 
   setUpAll(() async {