refactor ui

web/repertory/lib/screens/edit_mount_screen.dart

@@ -50,18 +50,10 @@ class _EditMountScreenState extends State<EditMountScreen>
       ),
       children: [
         Expanded(
-          child: Padding(
-            padding: const EdgeInsets.symmetric(horizontal: constants.padding),
-            child: ClipRRect(
-              borderRadius: BorderRadius.circular(constants.borderRadius),
-              child: MountSettingsWidget(
-                mount: widget.mount,
-                settings: jsonDecode(
-                  jsonEncode(widget.mount.mountConfig.settings),
-                ),
-                showAdvanced: _showAdvanced,
-              ),
-            ),
+          child: MountSettingsWidget(
+            mount: widget.mount,
+            settings: jsonDecode(jsonEncode(widget.mount.mountConfig.settings)),
+            showAdvanced: _showAdvanced,
           ),
         ),
         const SizedBox(height: constants.padding),

web/repertory/lib/screens/edit_settings_screen.dart

@@ -29,26 +29,20 @@ class _EditSettingsScreenState extends State<EditSettingsScreen>
       showBack: true,
       children: [
         Expanded(
-          child: Padding(
-            padding: const EdgeInsets.symmetric(horizontal: constants.padding),
-            child: ClipRRect(
-              borderRadius: BorderRadius.circular(constants.borderRadius),
-              child: FutureBuilder<Map<String, dynamic>>(
-                future: _grabSettings(),
-                initialData: const <String, dynamic>{},
-                builder: (context, snapshot) {
-                  if (!snapshot.hasData) {
-                    return const Center(child: CircularProgressIndicator());
-                  }
+          child: FutureBuilder<Map<String, dynamic>>(
+            future: _grabSettings(),
+            initialData: const <String, dynamic>{},
+            builder: (context, snapshot) {
+              if (!snapshot.hasData) {
+                return const Center(child: CircularProgressIndicator());
+              }
 
-                  return UISettingsWidget(
-                    origSettings: jsonDecode(jsonEncode(snapshot.requireData)),
-                    settings: snapshot.requireData,
-                    showAdvanced: false,
-                  );
-                },
-              ),
-            ),
+              return UISettingsWidget(
+                origSettings: jsonDecode(jsonEncode(snapshot.requireData)),
+                settings: snapshot.requireData,
+                showAdvanced: false,
+              );
+            },
           ),
         ),
         const SizedBox(height: constants.padding),

web/repertory/lib/screens/home_screen.dart

@@ -65,14 +65,7 @@ class _HomeScreeState extends State<HomeScreen> {
           ),
         ),
       ),
-      children: [
-        Expanded(
-          child: Padding(
-            padding: const EdgeInsets.symmetric(horizontal: constants.padding),
-            child: const MountListWidget(),
-          ),
-        ),
-      ],
+      children: [Expanded(child: const MountListWidget())],
     );
   }
 }

web/repertory/lib/widgets/app_dropdown.dart

@@ -55,7 +55,9 @@ class AppDropdown<T> extends StatelessWidget {
   }
 
   double? _computedMaxWidth(BuildContext context) {
-    if (!constrainToIntrinsic) return maxWidth;
+    if (!constrainToIntrinsic) {
+      return maxWidth;
+    }
 
     final theme = Theme.of(context);
     final scheme = theme.colorScheme;
@@ -129,11 +131,11 @@ class AppDropdown<T> extends StatelessWidget {
       validator: validator,
     );
 
-    final maxW = _computedMaxWidth(context);
-    final wrapped = maxW == null
+    final maxWidth = _computedMaxWidth(context);
+    final wrapped = maxWidth == null
         ? field
         : ConstrainedBox(
-            constraints: BoxConstraints(maxWidth: maxW),
+            constraints: BoxConstraints(maxWidth: maxWidth),
             child: field,
           );
 

web/repertory/lib/widgets/section_card.dart

@@ -0,0 +1,33 @@
+// section_card.dart
+
+import 'package:flutter/material.dart';
+import 'package:repertory/constants.dart' as constants;
+
+class SectionCard extends StatelessWidget {
+  const SectionCard({super.key, required this.title, required this.child});
+  final String title;
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Card(
+      elevation: 0,
+      margin: const EdgeInsets.symmetric(vertical: constants.paddingSmall),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(constants.borderRadiusSmall),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(constants.padding),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(title, style: theme.textTheme.titleMedium),
+            const SizedBox(height: constants.paddingSmall),
+            child,
+          ],
+        ),
+      ),
+    );
+  }
+}