1 files changed, 47 insertions, 7 deletions
diff --git a/lib/ui.dart b/lib/ui.dart
index 3a98be9..94b6b8e 100644
--- a/lib/ui.dart
+++ b/lib/ui.dart
@@ -90,14 +90,25 @@ class DevicesPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(title: const Text("Contacts")),
-      body: const Column(
-        children: <Widget>[
-          Expanded(child: ContactList()),
-        ],
+    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(),
+          ],
+        ),
       ),
-      bottomNavigationBar: const ConnectionStatus(),
+      bottomNavigationBar: ConnectionStatus(),
     );
   }
 }
@@ -110,6 +121,8 @@ class ContactList extends StatelessWidget {
     return  Consumer<AppState>(
       builder: (BuildContext context, AppState state, Widget? child) {
         return ListView.builder(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
           itemCount: state.contacts.length,
           itemBuilder: (BuildContext context, int index) {
             MapEntry<String, bool> data = state.contacts.entries.elementAt(index);
@@ -129,6 +142,33 @@ class ContactList extends StatelessWidget {
   }
 }
 
+class CoverList extends StatelessWidget {
+  const CoverList({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return  Consumer<AppState>(
+      builder: (BuildContext context, AppState state, Widget? child) {
+        return ListView.builder(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          itemCount: state.covers.length,
+          itemBuilder: (BuildContext context, int index) {
+            return Column(
+              children: <Widget>[
+                ListTile(
+                  leading: const Icon(Icons.roller_shades),
+                  title: Text(state.covers.elementAt(index)),
+                ),
+              ],
+            );
+          },
+        );
+      },
+    );
+  }
+}
+
 class ConnectionStatus extends StatelessWidget {
   const ConnectionStatus({super.key});