fix: update GameHud size & position

lib/game/view/pinball_game_page.dart

@@ -140,7 +140,7 @@ class PinballGameLoadedView extends StatelessWidget {
         // TODO(arturplaczek): add Visibility to GameHud based on StartGameBloc
         // status
         Positioned(
-          top: 16,
+          top: 0,
           left: clampedMargin,
           child: const GameHud(),
         ),

lib/game/view/widgets/game_hud.dart

@@ -23,11 +23,12 @@ class _GameHudState extends State<GameHud> {
 
   /// Ratio from sprite frame (width 500, height 144) w / h = ratio
   static const _ratio = 3.47;
-  static const _width = 265.0;
 
   @override
   Widget build(BuildContext context) {
     final isGameOver = context.select((GameBloc bloc) => bloc.state.isGameOver);
+    final gameWidgetWidth = MediaQuery.of(context).size.height * 9 / 16;
+    final _width = gameWidgetWidth / 1.6;
 
     return _ScoreViewDecoration(
       child: SizedBox(
@@ -37,6 +38,8 @@ class _GameHudState extends State<GameHud> {
           listenWhen: (previous, current) =>
               previous.bonusHistory.length != current.bonusHistory.length,
           listener: (_, __) => setState(() => showAnimation = true),
+          child: FittedBox(
+            alignment: Alignment.centerLeft,
             child: AnimatedSwitcher(
               duration: kThemeAnimationDuration,
               child: showAnimation && !isGameOver
@@ -51,6 +54,7 @@ class _GameHudState extends State<GameHud> {
             ),
           ),
         ),
+      ),
     );
   }
 }
@@ -68,9 +72,7 @@ class _ScoreViewDecoration extends StatelessWidget {
     const radius = BorderRadius.all(Radius.circular(12));
     const borderWidth = 5.0;
 
-    return Opacity(
+    return DecoratedBox(
-      opacity: 0.7,
-      child: DecoratedBox(
       decoration: BoxDecoration(
         borderRadius: radius,
         border: Border.all(
@@ -91,7 +93,6 @@ class _ScoreViewDecoration extends StatelessWidget {
           child: child,
         ),
       ),
-      ),
     );
   }
 }