[FIX] Decrease space between sections on lists (#4543)

Co-authored-by: Diego Mello <diegolmello@gmail.com>

app/containers/List/ListContainer.tsx

@@ -5,7 +5,7 @@ import scrollPersistTaps from '../../lib/methods/helpers/scrollPersistTaps';
 
 const styles = StyleSheet.create({
 	container: {
-		paddingVertical: 8
+		paddingVertical: 16
 	}
 });
 

app/containers/List/ListInfo.tsx

@@ -9,7 +9,7 @@ import I18n from '../../i18n';
 
 const styles = StyleSheet.create({
 	container: {
-		paddingVertical: 4,
+		paddingTop: 8,
 		paddingHorizontal: PADDING_HORIZONTAL
 	},
 	text: {

app/containers/List/ListSection.tsx

@@ -5,7 +5,7 @@ import { Header } from '.';
 
 const styles = StyleSheet.create({
 	container: {
-		marginBottom: 8
+		marginBottom: 16
 	}
 });
 

app/containers/List/styles.ts

@@ -2,6 +2,6 @@ import { StyleSheet } from 'react-native';
 
 export const styles = StyleSheet.create({
 	contentContainerStyleFlatList: {
-		paddingVertical: 32
+		paddingVertical: 16
 	}
 });

app/views/CreateChannelView/index.tsx

@@ -33,7 +33,7 @@ const styles = StyleSheet.create({
 		marginTop: 16
 	},
 	containerStyle: {
-		marginBottom: 28
+		marginBottom: 16
 	},
 	list: {
 		width: '100%'
@@ -53,8 +53,7 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 16
 	},
 	buttonCreate: {
-		marginHorizontal: 16,
-		marginTop: 24
+		margin: 16
 	}
 });
 

app/views/NotificationPreferencesView/index.tsx

@@ -181,6 +181,7 @@ const NotificationPreferencesView = (): React.ReactElement => {
 						testID='notification-preference-view-alert'
 						onChangeValue={saveNotificationSettings}
 					/>
+					<List.Separator />
 					<RenderListPicker
 						preference='audioNotificationValue'
 						room={room}

app/views/RoomMembersView/components/ActionsSection.tsx

@@ -64,7 +64,7 @@ export default function ActionsSection({ rid, t, joined }: IActionsSection): Rea
 	};
 
 	return (
-		<View style={{ paddingTop: canAddUser || canInviteUser ? 16 : 0, paddingBottom: canAddUser || canInviteUser ? 8 : 0 }}>
+		<View style={{ paddingTop: canAddUser || canInviteUser ? 16 : 0, paddingBottom: canAddUser || canInviteUser ? 16 : 0 }}>
 			{['c', 'p'].includes(t) && canAddUser ? (
 				<>
 					<List.Separator />

app/views/StatusView/index.tsx

@@ -44,8 +44,8 @@ const STATUS: IStatus[] = [
 
 const styles = StyleSheet.create({
 	inputContainer: {
-		marginTop: 32,
-		marginBottom: 32
+		marginTop: 16,
+		marginBottom: 16
 	},
 	inputLeft: {
 		position: 'absolute',