Tighten up spacing and dividers

zio/stable
Paul Frazee 2022-12-28 15:50:28 -06:00
parent 84e74d5ee4
commit 23e7ae49d4
4 changed files with 15 additions and 25 deletions

View File

@ -46,14 +46,13 @@ export function ComposePrompt({
const styles = StyleSheet.create({
container: {
borderRadius: 6,
margin: 2,
marginBottom: 0,
paddingHorizontal: 10,
paddingVertical: 10,
flexDirection: 'row',
alignItems: 'center',
backgroundColor: colors.white,
borderTopWidth: 1,
borderTopColor: colors.gray2,
},
noAviContainer: {
paddingVertical: 14,

View File

@ -319,9 +319,8 @@ export const PostThreadItem = observer(function PostThreadItem({
const styles = StyleSheet.create({
outer: {
backgroundColor: colors.white,
borderRadius: 6,
margin: 2,
marginBottom: 0,
borderTopWidth: 1,
borderTopColor: colors.gray2,
},
parentReplyLine: {
position: 'absolute',

View File

@ -103,9 +103,7 @@ export const FeedItem = observer(function ({
return (
<>
{isChild && !item._isThreadChild && item.replyParent ? (
<View style={{marginTop: 2}}>
<FeedItem item={item.replyParent} showReplyLine />
</View>
<FeedItem item={item.replyParent} showReplyLine />
) : undefined}
<Link style={outerStyles} href={itemHref} title={itemTitle} noFeedback>
{item._isThreadChild && <View style={[styles.topReplyLine]} />}
@ -240,29 +238,23 @@ export const FeedItem = observer(function ({
const styles = StyleSheet.create({
outer: {
borderRadius: 6,
margin: 2,
marginBottom: 0,
borderTopWidth: 1,
borderTopColor: colors.gray2,
backgroundColor: colors.white,
padding: 10,
},
outerNoTop: {
marginTop: 0,
borderTopWidth: 0,
paddingTop: 0,
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
},
outerSmallTop: {
marginTop: 0,
borderTopWidth: 0,
paddingTop: 8,
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
},
outerNoBottom: {
marginBottom: 0,
paddingBottom: 0,
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
paddingBottom: 2,
},
topReplyLine: {
position: 'absolute',
@ -293,7 +285,7 @@ const styles = StyleSheet.create({
},
layoutAvi: {
width: 60,
paddingTop: 5,
paddingTop: 0,
},
layoutContent: {
flex: 1,
@ -316,12 +308,12 @@ const styles = StyleSheet.create({
viewFullThread: {
backgroundColor: colors.white,
paddingTop: 12,
paddingBottom: 4,
paddingLeft: 72,
paddingBottom: 2,
paddingLeft: 70,
},
viewFullThreadDots: {
position: 'absolute',
left: 35,
left: 33,
top: 0,
},
viewFullThreadText: {

View File

@ -74,7 +74,7 @@ const styles = StyleSheet.create({
meta: {
flexDirection: 'row',
alignItems: 'center',
paddingTop: 2,
paddingTop: 0,
paddingBottom: 2,
},
metaItem: {