From 4c00fc576d66b0a348b4fb13b901a464da64cf37 Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Mon, 6 Nov 2023 17:15:01 +0000
Subject: [PATCH] Fix minor list layout bugs (#1810)

* Fix accidental border on mobile

* Fix lists list to take full screen
---
 src/lib/styles.ts                       | 1 +
 src/view/com/lists/ListsList.tsx        | 2 +-
 src/view/screens/Lists.tsx              | 2 +-
 src/view/screens/ModerationModlists.tsx | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/lib/styles.ts b/src/lib/styles.ts
index 8ee6e596..152e60eb 100644
--- a/src/lib/styles.ts
+++ b/src/lib/styles.ts
@@ -164,6 +164,7 @@ export const s = StyleSheet.create({
   flexRow: {flexDirection: 'row'},
   flexCol: {flexDirection: 'column'},
   flex1: {flex: 1},
+  flexGrow1: {flexGrow: 1},
   alignCenter: {alignItems: 'center'},
   alignBaseline: {alignItems: 'baseline'},
 
diff --git a/src/view/com/lists/ListsList.tsx b/src/view/com/lists/ListsList.tsx
index e42b6575..8c651088 100644
--- a/src/view/com/lists/ListsList.tsx
+++ b/src/view/com/lists/ListsList.tsx
@@ -17,7 +17,7 @@ import {Text} from '../util/text/Text'
 import {ListsListModel} from 'state/models/lists/lists-list'
 import {useAnalytics} from 'lib/analytics/analytics'
 import {usePalette} from 'lib/hooks/usePalette'
-import {FlatList} from '../util/Views.web'
+import {FlatList} from '../util/Views'
 import {s} from 'lib/styles'
 import {logger} from '#/logger'
 
diff --git a/src/view/screens/Lists.tsx b/src/view/screens/Lists.tsx
index 6e2b11c9..c798b908 100644
--- a/src/view/screens/Lists.tsx
+++ b/src/view/screens/Lists.tsx
@@ -85,7 +85,7 @@ export const ListsScreen = withAuthRequired(
             </Button>
           </View>
         </SimpleViewHeader>
-        <ListsList listsList={listsLists} />
+        <ListsList listsList={listsLists} style={s.flexGrow1} />
       </View>
     )
   }),
diff --git a/src/view/screens/ModerationModlists.tsx b/src/view/screens/ModerationModlists.tsx
index fc148ed8..6a48d88a 100644
--- a/src/view/screens/ModerationModlists.tsx
+++ b/src/view/screens/ModerationModlists.tsx
@@ -85,7 +85,7 @@ export const ModerationModlistsScreen = withAuthRequired(
             </Button>
           </View>
         </SimpleViewHeader>
-        <ListsList listsList={mutelists} />
+        <ListsList listsList={mutelists} style={s.flexGrow1} />
       </View>
     )
   }),