Fix missing SafeArea for Android

The start of the DevicesPage could be below a notch or header bar in
Android.

1 files changed, 17 insertions, 15 deletions

diff --git a/lib/ui.dart b/lib/ui.dart
index 66078da..67a830f 100644
--- a/lib/ui.dart
+++ b/lib/ui.dart
@@ -92,21 +92,23 @@ class DevicesPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return const Scaffold(
-      body: SingleChildScrollView(
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: <Widget>[
-            Padding(
-              padding: EdgeInsets.all(15.0),
-              child: Text("Contacts", style: TextStyle(fontSize: 22)),
-            ),
-            ContactList(),
-            Padding(
-              padding: EdgeInsets.all(15.0),
-              child: Text("Covers", style: TextStyle(fontSize: 22)),
-            ),
-            CoverList(),
-          ],
+      body: SafeArea(
+        child: SingleChildScrollView(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              Padding(
+                padding: EdgeInsets.all(15.0),
+                child: Text("Contacts", style: TextStyle(fontSize: 22)),
+              ),
+              ContactList(),
+              Padding(
+                padding: EdgeInsets.all(15.0),
+                child: Text("Covers", style: TextStyle(fontSize: 22)),
+              ),
+              CoverList(),
+            ],
+          ),
         ),
       ),
       bottomNavigationBar: ConnectionStatus(),