From bfe749fc54b7c768414fb5e4129b8a927faf3726 Mon Sep 17 00:00:00 2001
From: jfrye122 <jfryerome@gmail.com>
Date: Mon, 22 May 2023 08:11:29 -0400
Subject: [PATCH] edited styling of error message

---
 components/error-display/error-display.component.jsx       | 4 ++--
 .../screen-time-ticket-browser.component.jsx               | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/error-display/error-display.component.jsx b/components/error-display/error-display.component.jsx
index c6466c9..725aac9 100644
--- a/components/error-display/error-display.component.jsx
+++ b/components/error-display/error-display.component.jsx
@@ -14,7 +14,7 @@ const localStyles = StyleSheet.create({
   alert: {
     color: "red",
     textAlign: "center",
-    margin: 15,
-    padding: 15,
+    margin: 8,
+    padding: 8,
   },
 });
diff --git a/components/screen-time-ticket-browser/screen-time-ticket-browser.component.jsx b/components/screen-time-ticket-browser/screen-time-ticket-browser.component.jsx
index 9946acb..7b5d3e3 100644
--- a/components/screen-time-ticket-browser/screen-time-ticket-browser.component.jsx
+++ b/components/screen-time-ticket-browser/screen-time-ticket-browser.component.jsx
@@ -172,12 +172,13 @@ export function ScreenTimeTicketBrowser({
             currentRatesNCostCenters={currentRatesNCostCenters}
             onValueSelected={setCurrentSCC}
           />
-          <Button mode="outlined" loading={loading} onPress={handleFinish}>
-            <Text>Clock In</Text>
-          </Button>
           {error && error?.message ? (
             <ErrorDisplay errorMessage={error.message} />
           ) : null}
+          <Button mode="outlined" loading={loading} onPress={handleFinish}>
+            <Text>Clock In</Text>
+          </Button>
+          
         </Card>
         {/* <View style={{ flexGrow: 1, flex: 1 }}>
           <EmployeeClockedInList