fix: HowToPlayDialog fit (#344)

Co-authored-by: Tom Arra <tarra3@gmail.com>

lib/how_to_play/widgets/how_to_play_dialog.dart

@@ -96,8 +96,10 @@ class _HowToPlayDialogState extends State<HowToPlayDialog> {
       child: PinballDialog(
         title: l10n.howToPlay,
         subtitle: l10n.tipsForFlips,
+        child: FittedBox(
           child: isMobile ? const _MobileBody() : const _DesktopBody(),
         ),
+      ),
     );
   }
 }
@@ -109,8 +111,7 @@ class _MobileBody extends StatelessWidget {
   Widget build(BuildContext context) {
     final paddingWidth = MediaQuery.of(context).size.width * 0.15;
     final paddingHeight = MediaQuery.of(context).size.height * 0.075;
-    return FittedBox(
+    return Padding(
-      child: Padding(
       padding: EdgeInsets.symmetric(
         horizontal: paddingWidth,
       ),
@@ -121,7 +122,6 @@ class _MobileBody extends StatelessWidget {
           const _MobileFlipperControls(),
         ],
       ),
-      ),
     );
   }
 }
@@ -189,13 +189,15 @@ class _DesktopBody extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ListView(
+    return Padding(
+      padding: const EdgeInsets.all(16),
+      child: Column(
         children: const [
-        SizedBox(height: 16),
           _DesktopLaunchControls(),
           SizedBox(height: 16),
           _DesktopFlipperControls(),
         ],
+      ),
     );
   }
 }