Fix minor list layout bugs (#1810)

* Fix accidental border on mobile

* Fix lists list to take full screen

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'},
 

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'
 

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>
     )
   }),

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>
     )
   }),