changed appearance of lists

lib/pages/collection_page.dart

@@ -102,10 +102,16 @@ class _CollectionPageState extends State<CollectionPage> {
             ),
         ],
       ),
-      body: ListView.builder(
+      body: Center(
+        child: SizedBox(
+          width: MediaQuery.of(context).size.width * 0.9,
+          child: ListView.separated(
             itemBuilder: (context, index) =>
                 bookmarksListItemBuilder(context, bookmarks.elementAt(index)),
             itemCount: bookmarks.length,
+            separatorBuilder: (context, index) => SizedBox(height: 10),
+          ),
+        ),
       ),
       floatingActionButton: FloatingActionButton(
         onPressed: onAddButtonPressed,

lib/pages/collections_list_page.dart

@@ -110,12 +110,18 @@ class _CollectionsListPageState extends State<CollectionsListPage> {
         child: Icon(Icons.add),
       ),
       body: collections.isNotEmpty
-          ? ListView.builder(
+          ? Center(
+              child: SizedBox(
+                width: MediaQuery.of(context).size.width * 0.9,
+                child: ListView.separated(
                   itemBuilder: (context, index) => collectionsListItemBuilder(
                     context,
                     collections.elementAt(index),
                   ),
                   itemCount: collections.length,
+                  separatorBuilder: (context, index) => SizedBox(height: 10),
+                ),
+              ),
             )
           : Center(
               child: Text(AppLocalizations.of(context)!.tipCreateCollections),

lib/pages/search_page.dart

@@ -14,15 +14,22 @@ class SearchPage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(title: Text(AppLocalizations.of(context)!.search)),
-      body: Column(
+      body: Center(
+        child: SizedBox(
+          width: MediaQuery.of(context).size.width * 0.9,
+          child: Column(
             children: [
+              Padding(padding: EdgeInsetsGeometry.only(top: 10)),
               SearchBarWidget(
                 onEditingComplete: context.read<SearchProvider>().setSearchText,
                 onResetSearch: context.read<SearchProvider>().removeSearchText,
               ),
+              Padding(padding: EdgeInsetsGeometry.only(top: 10)),
               Expanded(child: SearchResultsWidget()),
             ],
           ),
+        ),
+      ),
     );
   }
 }

lib/theme.dart

@@ -17,4 +17,10 @@ ThemeData _baseTheme(ColorScheme scheme) =>
       inputDecorationTheme: InputDecorationTheme(
         border: OutlineInputBorder(borderRadius: BorderRadius.circular(12)),
       ),
+      listTileTheme: ListTileThemeData(
+        tileColor: scheme.surfaceContainer,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadiusGeometry.circular(12),
+        ),
+      ),
     );

lib/widgets/search_widgets/search_results_widget.dart

@@ -47,9 +47,10 @@ class _SearchResultsWidgetState extends State<SearchResultsWidget> {
   @override
   Widget build(BuildContext context) {
     if (filteredBookmarks.isNotEmpty) {
-      return ListView.builder(
+      return ListView.separated(
         itemBuilder: bookmarkListItemBuilder,
         itemCount: filteredBookmarks.length,
+        separatorBuilder: (context, index) => SizedBox(height: 10),
       );
     }
     return Center(child: Text(AppLocalizations.of(context)!.tipNoResults));