From de94acb6c8a401296e855f56dde7051ba11cebb6 Mon Sep 17 00:00:00 2001 From: Tanza3D Date: Wed, 18 Oct 2023 13:53:00 +0100 Subject: [PATCH 1/3] Improve New Post button --- src/view/shell/desktop/LeftNav.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index cbff3a1c..bfcf2d3e 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -460,18 +460,22 @@ const styles = StyleSheet.create({ justifyContent: 'center', width: 140, borderRadius: 24, - paddingVertical: 10, - paddingHorizontal: 16, + paddingTop: 10, + paddingBottom: 13, // visually aligns the text vertically inside the button + paddingLeft: 16, + paddingRight: 18, // looks nicer like this backgroundColor: colors.blue3, marginLeft: 12, marginTop: 20, marginBottom: 10, gap: 8, }, - newPostBtnIconWrapper: {}, + newPostBtnIconWrapper: { + marginTop: 2 /* aligns the icon visually with the text */, + }, newPostBtnLabel: { color: colors.white, - fontSize: 16, - fontWeight: 'bold', + fontSize: 17, + fontWeight: '600', }, }) From 6848ade046c30c95608bb9eef87dcf24cbf85f7f Mon Sep 17 00:00:00 2001 From: Tanza3D Date: Wed, 18 Oct 2023 13:53:55 +0100 Subject: [PATCH 2/3] Shrink to 16 again --- src/view/shell/desktop/LeftNav.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index bfcf2d3e..99cbdaa3 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -475,7 +475,7 @@ const styles = StyleSheet.create({ }, newPostBtnLabel: { color: colors.white, - fontSize: 17, + fontSize: 16, fontWeight: '600', }, }) From db0de651ba206265fc00844a471b6ad155fe7d2a Mon Sep 17 00:00:00 2001 From: Tanza3D Date: Wed, 18 Oct 2023 14:14:45 +0100 Subject: [PATCH 3/3] Fix wonky comment --- src/view/shell/desktop/LeftNav.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index 99cbdaa3..81518994 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -471,7 +471,7 @@ const styles = StyleSheet.create({ gap: 8, }, newPostBtnIconWrapper: { - marginTop: 2 /* aligns the icon visually with the text */, + marginTop: 2, // aligns the icon visually with the text }, newPostBtnLabel: { color: colors.white,