layout changes

web/repertory/lib/main.dart

@@ -17,7 +17,7 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: constants.app_title,
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.orange),
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
       ),
       home: const MyHomePage(title: constants.app_title),
     );

web/repertory/lib/widgets/mount_widget.dart

@@ -20,21 +20,42 @@ class _MountWidgetState extends State<MountWidget> {
     return Card(
       child: Consumer<Mount>(
         builder: (context, mount, widget) {
-          final isThreeLine = mount.state == Icons.toggle_on;
-          final nameText = Text(formatMountName(mount.type, mount.name));
+          final textColor = Colors.blue;
+          final subTextColor = Colors.black;
+
+          final isActive = mount.state == Icons.toggle_on;
+          final nameText = Text(
+            formatMountName(mount.type, mount.name),
+            style: TextStyle(color: subTextColor),
+          );
 
           return ListTile(
-            isThreeLine: isThreeLine,
-            leading: const Icon(Icons.settings),
+            isThreeLine: isActive,
+            leading: IconButton(
+              icon: Icon(Icons.settings, color: textColor),
+              onPressed: () {},
+            ),
             subtitle:
-                isThreeLine
+                isActive
                     ? Column(
                       crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [nameText, Text(mount.path)],
+                      children: [
+                        nameText,
+                        Text(mount.path, style: TextStyle(color: subTextColor)),
+                      ],
                     )
                     : nameText,
-            title: Text(initialCaps(mount.type)),
-            trailing: Icon(mount.state),
+            title: Text(
+              initialCaps(mount.type),
+              style: TextStyle(color: textColor, fontWeight: FontWeight.bold),
+            ),
+            trailing: IconButton(
+              icon: Icon(
+                mount.state,
+                color: isActive ? Colors.blue : Colors.grey,
+              ),
+              onPressed: () {},
+            ),
           );
         },
       ),

web/repertory/pubspec.lock

@@ -5,10 +5,10 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: d2872f9c19731c2e5f10444b14686eb7cc85c76274bd6c16e1816bff9a3bab63
+      sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
       url: "https://pub.dev"
     source: hosted
-    version: "2.12.0"
+    version: "2.13.0"
   boolean_selector:
     dependency: transitive
     description:
@@ -53,10 +53,10 @@ packages:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "6a95e56b2449df2273fd8c45a662d6947ce1ebb7aafe80e550a3f68297f3cacc"
+      sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.2"
+    version: "1.3.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -95,10 +95,10 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: c35baad643ba394b40aac41080300150a4f08fd0fd6a10378f8f7c6bc161acec
+      sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.8"
+    version: "10.0.9"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
@@ -244,10 +244,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: "0968250880a6c5fe7edc067ed0a13d4bae1577fe2771dcf3010d52c4a9d3ca14"
+      sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
       url: "https://pub.dev"
     source: hosted
-    version: "14.3.1"
+    version: "15.0.0"
   web:
     dependency: transitive
     description: