new targets

lib/screens/spectator_screen.dart

@@ -251,7 +251,7 @@ class _SpectatorScreenState extends State<SpectatorScreen> {
               ),
             )
           : ListView.builder(
-              padding: const EdgeInsets.fromLTRB(8, 8, 8, 24),
+              padding: const EdgeInsets.fromLTRB(4, 4, 4, 16),
               itemCount: visibleCameras.length,
               itemBuilder: (context, index) {
                 final camera = visibleCameras[index];
@@ -262,16 +262,16 @@ class _SpectatorScreenState extends State<SpectatorScreen> {
                     ? cameraIp
                     : "http://$cameraIp";
 
-                // 16:9 aspect ratio = width / height
+                // 4:3 aspect ratio = width / height (640x480 stream)
                 return Container(
-                  margin: const EdgeInsets.only(bottom: 8),
+                  margin: const EdgeInsets.only(bottom: 4),
                   decoration: BoxDecoration(
                     color: Colors.black,
                     borderRadius: BorderRadius.circular(8),
                     border: Border.all(color: Colors.grey[800]!, width: 1),
                   ),
                   child: AspectRatio(
-                    aspectRatio: 16 / 9,
+                    aspectRatio: 4 / 3,
                     child: ClipRRect(
                       borderRadius: BorderRadius.circular(8),
                       child: Stack(
@@ -279,7 +279,7 @@ class _SpectatorScreenState extends State<SpectatorScreen> {
                           Mjpeg(
                             stream: streamUrl,
                             isLive: true,
-                            fit: BoxFit.contain,
+                            fit: BoxFit.cover,
                             error: (context, error, stackTrace) {
                               return Container(
                                 color: Colors.grey[700],