diff --git a/src/components/PostView.tsx b/src/components/PostView.tsx index 35957b5..c5ea7ea 100644 --- a/src/components/PostView.tsx +++ b/src/components/PostView.tsx @@ -16,7 +16,7 @@ export function PostView({ post }: { post: Post }): JSX.Element { return ( - {thisPost.content} + {thisPost.content} ); } diff --git a/src/util/style.ts b/src/util/style.ts index 568bc45..004d332 100644 --- a/src/util/style.ts +++ b/src/util/style.ts @@ -14,19 +14,23 @@ export const style = StyleSheet.create({ backgroundColor: colorScheme.background, // For the "entire" app alignItems: 'center', justifyContent: 'center', + margin: 0, }, postsContainer: { + margin: 0, height: '100%', + width: '100%', padding: 5, - flex: 1, - alignItems: 'center', + paddingVertical: 30, justifyContent: 'flex-start', backgroundColor: colorScheme.background, // For the container holding the posts }, postView: { + borderRadius: 6, flexDirection: "row", backgroundColor: colorScheme.postBox, - paddingVertical: 5, + margin: 5, + padding: 15, }, postFont: { color: colorScheme.postFont,