fix: HowToPlayDialog fit (#344)

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

lib/how_to_play/widgets/how_to_play_dialog.dart

@@ -96,7 +96,9 @@ class _HowToPlayDialogState extends State<HowToPlayDialog> {
       child: PinballDialog(
         title: l10n.howToPlay,
         subtitle: l10n.tipsForFlips,
-        child: isMobile ? const _MobileBody() : const _DesktopBody(),
+        child: FittedBox(
+          child: isMobile ? const _MobileBody() : const _DesktopBody(),
+        ),
       ),
     );
   }
@@ -109,18 +111,16 @@ 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(
-        padding: EdgeInsets.symmetric(
+        horizontal: paddingWidth,
-          horizontal: paddingWidth,
+      ),
-        ),
+      child: Column(
-        child: Column(
+        children: [
-          children: [
+          const _MobileLaunchControls(),
-            const _MobileLaunchControls(),
+          SizedBox(height: paddingHeight),
-            SizedBox(height: paddingHeight),
+          const _MobileFlipperControls(),
-            const _MobileFlipperControls(),
+        ],
-          ],
-        ),
       ),
     );
   }
@@ -189,13 +189,15 @@ class _DesktopBody extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ListView(
+    return Padding(
-      children: const [
+      padding: const EdgeInsets.all(16),
-        SizedBox(height: 16),
+      child: Column(
-        _DesktopLaunchControls(),
+        children: const [
-        SizedBox(height: 16),
+          _DesktopLaunchControls(),
-        _DesktopFlipperControls(),
+          SizedBox(height: 16),
-      ],
+          _DesktopFlipperControls(),
+        ],
+      ),
     );
   }
 }