diff options
| author | Husam Salhab <47015061+hsalhab@users.noreply.github.com> | 2020-12-31 15:44:05 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-31 15:44:05 -0500 |
| commit | 42f25160c69e451549afc22ec786ec0a289f2704 (patch) | |
| tree | f82db8857c5e9f6e371c88195da08b8ed06eef93 | |
| parent | 8e5b8de41d3c378c86d8741342ddfc6e2525bfe5 (diff) | |
[TMA-487] Change button styling (#157)
* adjust button dimensions and radius
* adjust button padding
| -rw-r--r-- | src/components/profile/ProfileBody.tsx | 3 | ||||
| -rw-r--r-- | src/components/profile/ToggleButton.tsx | 5 |
2 files changed, 5 insertions, 3 deletions
diff --git a/src/components/profile/ProfileBody.tsx b/src/components/profile/ProfileBody.tsx index 70f98a4b..57b617d8 100644 --- a/src/components/profile/ProfileBody.tsx +++ b/src/components/profile/ProfileBody.tsx @@ -77,7 +77,8 @@ const styles = StyleSheet.create({ toggleButtonContainer: { flexDirection: 'row', flex: 1, - paddingVertical: '1%', + paddingTop: '3.5%', + paddingBottom: '2%', }, container: { paddingVertical: '1%', diff --git a/src/components/profile/ToggleButton.tsx b/src/components/profile/ToggleButton.tsx index df7380d7..5d8f7874 100644 --- a/src/components/profile/ToggleButton.tsx +++ b/src/components/profile/ToggleButton.tsx @@ -34,10 +34,11 @@ const styles = StyleSheet.create({ button: { justifyContent: 'center', alignItems: 'center', - width: SCREEN_WIDTH * 0.25, - height: SCREEN_WIDTH * 0.1, + width: SCREEN_WIDTH * 0.4, + height: SCREEN_WIDTH * 0.08, borderColor: TAGG_TEXT_LIGHT_BLUE, borderWidth: 3, + borderRadius: 5, marginRight: '2%', }, text: { |