updated small style changes

components/screen-time-ticket-browser/screen-time-ticket-browser.component.jsx

@@ -47,8 +47,8 @@ import { logImEXEvent } from "../../firebase/firebase.analytics";
 import StyleRepeater from "../style-repeater/style-repeater";
 import { useTranslation } from "react-i18next";
 import ClockedinListItem from "../time-ticket-items/clockedin-list-item.component";
-import  SignOutButton  from "../Buttons/employee-sign-out-button.component";
-import  AddTimeTicketButton  from "../Buttons/create-time-ticket-button.component";
+import SignOutButton from "../Buttons/employee-sign-out-button.component";
+import AddTimeTicketButton from "../Buttons/create-time-ticket-button.component";
 
 const mapStateToProps = createStructuredSelector({
   currentEmployee: selectCurrentEmployee,
@@ -246,6 +246,12 @@ export function ScreenTimeTicketBrowser({
               {error && error?.message ? (
                 <ErrorDisplay errorMessage={error.message} />
               ) : null}
+            </Card.Content>
+            <Card.Actions
+              style={{
+                justifyContent: "center",
+              }}
+            >
               <Button
                 mode="outlined"
                 style={styles.buttonBasicOutlined}
@@ -254,7 +260,7 @@ export function ScreenTimeTicketBrowser({
               >
                 <Text>{t("timeticketbrowser.actions.clockin")}</Text>
               </Button>
-            </Card.Content>
+            </Card.Actions>
           </Card>
         }
         refreshControl={

translations/en-US/common.json

@@ -335,7 +335,7 @@
 			},
 			"labels": {
 				"loggedinemployee": "Logged in Employee",
-				"clockintojob": "Clock Into Job"
+				"clockintojob": "Clock In"
 			},
 			"errors": {
 				"missingvalues": "Please make sure all fields have a value."