From 7f1979c5dae4983d62ffa6b7a3144076f08a85b8 Mon Sep 17 00:00:00 2001
From: Dilan <dio4@pitt.edu>
Date: Sun, 13 Jun 2021 16:38:25 -0400
Subject: [PATCH] Text align fix

---
 native-example/yarn.lock         | 2 +-
 src/ui/NativeAuth/components.tsx | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/native-example/yarn.lock b/native-example/yarn.lock
index 4603ba9..4aba557 100644
--- a/native-example/yarn.lock
+++ b/native-example/yarn.lock
@@ -2904,7 +2904,7 @@
   "version" "0.1.2"
 
 "easybase-react@github:easybase/easybase-react#analytics":
-  "resolved" "git+ssh://git@github.com/easybase/easybase-react.git#20a68f4031d3e63a0c4590918bbc1a7ab13c732f"
+  "resolved" "git+ssh://git@github.com/easybase/easybase-react.git#36be9faa629caecc19243ffd24c16676ad809109"
   "version" "2.2.5"
   dependencies:
     "cross-fetch" "^3.1.4"
diff --git a/src/ui/NativeAuth/components.tsx b/src/ui/NativeAuth/components.tsx
index e759495..3261a9b 100644
--- a/src/ui/NativeAuth/components.tsx
+++ b/src/ui/NativeAuth/components.tsx
@@ -213,18 +213,19 @@ const ToastContainer = styled.TouchableOpacity((props: any) => ({
 const ToastText = styled.Text((props: any) => ({
     position: "relative",
     marginLeft: 25,
-    marginRight: 40,
+    marginRight: 44,
     marginTop: 10,
     marginBottom: 10,
     fontSize: 17,
     color: "#fff",
+    textAlign: 'center',
     ...(props.theme.toastText ? { ...props.theme.toastText } : {})
 }))
 
 const CloseToastText = styled.Text((props: any) => ({
     color: "#AAA",
-    position: 'relative',
-    marginRight: 20,
+    position: 'absolute',
+    right: 20,
     fontWeight: '600',
     fontSize: 15,
     ...(props.theme.closeToastText ? { ...props.theme.closeToastText } : {})