diff --git a/app/components/channel_intro/channel_intro.js b/app/components/channel_intro/channel_intro.js index 6fabbaa9e..ef22ca2e3 100644 --- a/app/components/channel_intro/channel_intro.js +++ b/app/components/channel_intro/channel_intro.js @@ -330,7 +330,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { return StyleSheet.create({ channelTitle: { color: theme.centerChannelColor, - fontSize: 17, + fontSize: 19, fontWeight: '600', marginBottom: 12 }, @@ -350,7 +350,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { }, message: { color: changeOpacity(theme.centerChannelColor, 0.8), - lineHeight: 18 + fontSize: 15, + lineHeight: 22 }, namesContainer: { flexDirection: 'row', diff --git a/app/components/post/post.js b/app/components/post/post.js index 38f3fced1..ed238ce9b 100644 --- a/app/components/post/post.js +++ b/app/components/post/post.js @@ -705,9 +705,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { }, displayName: { color: theme.centerChannelColor, - fontSize: 14, + fontSize: 15, fontWeight: '600', - marginRight: 5 + marginRight: 5, + marginBottom: 3 }, botContainer: { flexDirection: 'row' @@ -725,8 +726,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { }, time: { color: theme.centerChannelColor, - fontSize: 12, + fontSize: 13, marginLeft: 5, + marginBottom: 1, opacity: 0.5 }, timeContainer: { @@ -734,11 +736,12 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { }, commentedOn: { color: changeOpacity(theme.centerChannelColor, 0.65), + marginBottom: 3, lineHeight: 21 }, message: { color: theme.centerChannelColor, - fontSize: 14 + fontSize: 15 }, systemMessage: { opacity: 0.6 @@ -752,7 +755,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { justifyContent: 'center' }, replyText: { - fontSize: 14, + fontSize: 15, marginLeft: 3, color: theme.linkColor }