From 42f25160c69e451549afc22ec786ec0a289f2704 Mon Sep 17 00:00:00 2001
From: Husam Salhab <47015061+hsalhab@users.noreply.github.com>
Date: Thu, 31 Dec 2020 15:44:05 -0500
Subject: [TMA-487] Change button styling (#157)

* adjust button dimensions and radius

* adjust button padding
---
 src/components/profile/ProfileBody.tsx  | 3 ++-
 src/components/profile/ToggleButton.tsx | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

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: {
-- 
cgit v1.2.3-70-g09d2