Restore overlay wrapper structure

Author: rishika0212

packages/devtools_app/lib/src/framework/observer/disconnect_observer.dart

@@ -141,49 +141,51 @@ class DisconnectObserverState extends State<DisconnectObserver>
     currentDisconnectedOverlay = OverlayEntry(
       builder: (context) => Positioned.fill(
         child: Material(
-          color: theme.colorScheme.surface,
-          child: MultiValueListenableBuilder(
-            listenables: [_isReconnecting, _reconnectErrorText],
-            builder: (context, values, _) {
-              final isReconnecting = values.first as bool;
-              final reconnectErrorText = values[1] as String?;
-              return Center(
-                child: Column(
-                  children: [
-                    const Spacer(),
-                    Text('Disconnected', style: theme.textTheme.headlineMedium),
-                    const SizedBox(height: defaultSpacing),
-                    if (isReconnecting)
-                      const CircularProgressIndicator()
-                    else
-                      _ReconnectActions(
-                        theme: theme,
-                        onReconnect: _attemptReconnect,
-                        routerDelegate: widget.routerDelegate,
-                        onConnectToNewApp: hideDisconnectedOverlay,
-                      ),
-                    if (reconnectErrorText case final error?) ...[
-                      const SizedBox(height: denseSpacing),
-                      Text(
-                        error,
-                        style: theme.regularTextStyle.copyWith(
-                          color: theme.colorScheme.error,
+          child: Container(
+            color: theme.colorScheme.surface,
+            child: MultiValueListenableBuilder(
+              listenables: [_isReconnecting, _reconnectErrorText],
+              builder: (context, values, _) {
+                final isReconnecting = values.first as bool;
+                final reconnectErrorText = values[1] as String?;
+                return Center(
+                  child: Column(
+                    children: [
+                      const Spacer(),
+                      Text('Disconnected', style: theme.textTheme.headlineMedium),
+                      const SizedBox(height: defaultSpacing),
+                      if (isReconnecting)
+                        const CircularProgressIndicator()
+                      else
+                        _ReconnectActions(
+                          theme: theme,
+                          onReconnect: _attemptReconnect,
+                          routerDelegate: widget.routerDelegate,
+                          onConnectToNewApp: hideDisconnectedOverlay,
                         ),
-                        textAlign: TextAlign.center,
-                      ),
-                    ],
-                    const Spacer(),
-                    if (offlineDataController.offlineDataJson.isNotEmpty) ...[
-                      ElevatedButton(
-                        onPressed: _reviewHistory,
-                        child: const Text('Review recent data (offline)'),
-                      ),
+                      if (reconnectErrorText case final error?) ...[
+                        const SizedBox(height: denseSpacing),
+                        Text(
+                          error,
+                          style: theme.regularTextStyle.copyWith(
+                            color: theme.colorScheme.error,
+                          ),
+                          textAlign: TextAlign.center,
+                        ),
+                      ],
                       const Spacer(),
+                      if (offlineDataController.offlineDataJson.isNotEmpty) ...[
+                        ElevatedButton(
+                          onPressed: _reviewHistory,
+                          child: const Text('Review recent data (offline)'),
+                        ),
+                        const Spacer(),
+                      ],
                     ],
-                  ],
-                ),
-              );
-            },
+                  ),
+                );
+              },
+            ),
           ),
         ),
       ),