Fix color palette opacity issue and aspect ratio correction

Signed-off-by: Hans Kokx <hans.d.kokx@gmail.com>

packages/wolf_3d_renderer/lib/wolf_3d_renderer.dart

@@ -110,29 +110,19 @@ class _WolfRendererState extends State<WolfRenderer>
     }
 
     return Scaffold(
-      backgroundColor: Colors.black,
+      backgroundColor: Color.fromARGB(255, 4, 64, 64),
       body: KeyboardListener(
         focusNode: _focusNode,
         autofocus: true,
         onKeyEvent: (_) {},
-        child: Column(
-          children: [
-            Expanded(
-              child: LayoutBuilder(
-                builder: (context, constraints) {
-                  return Center(
-                    child: AspectRatio(
-                      aspectRatio: 320 / 200,
-                      child: CustomPaint(
-                        size: Size(constraints.maxWidth, constraints.maxHeight),
-                        painter: BufferPainter(_renderedFrame),
-                      ),
-                    ),
-                  );
-                },
-              ),
+        child: Center(
+          child: Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: AspectRatio(
+              aspectRatio: 4 / 3,
+              child: CustomPaint(painter: BufferPainter(_renderedFrame)),
             ),
-          ],
+          ),
         ),
       ),
     );