From 16b25f4e643faed7a8ab6e9839bd60deb61ba3b4 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sun, 29 Dec 2024 08:38:00 -0600
Subject: [PATCH] text stuff

---
 components/Global/card.tsx | 6 +++++-
 components/Global/text.tsx | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/Global/card.tsx b/components/Global/card.tsx
index 98369d21..f83f3549 100644
--- a/components/Global/card.tsx
+++ b/components/Global/card.tsx
@@ -83,13 +83,17 @@ export function Card(props: CardProps) {
                     width={dimensions.width}
                 >
                     <H5 
+                        textAlign="center"
                         lineBreakStrategyIOS="standard"
+                        numberOfLines={1}
                     >
                         { props.caption }
                     </H5>
 
                     { props.subCaption && (
-                        <Text>
+                        <Text
+                            textAlign="center"
+                        >
                             { props.subCaption }
                         </Text>
                     )}
diff --git a/components/Global/text.tsx b/components/Global/text.tsx
index d2afa757..5ac1efe8 100644
--- a/components/Global/text.tsx
+++ b/components/Global/text.tsx
@@ -28,6 +28,7 @@ interface TextProps {
     bold?: boolean | undefined
     children: string;
     width?: number;
+    textAlign?: "left" | "right" | "unset" | "auto" | "center" | "justify" | undefined;
 }
 
 export function Text(props: TextProps): React.JSX.Element {
@@ -35,6 +36,7 @@ export function Text(props: TextProps): React.JSX.Element {
         <Paragraph 
             width={props.width} 
             fontWeight={props.bold ? 800 : 600} 
+            textAlign={props.textAlign}
             fontSize="$4"
             lineBreakMode="clip"
         >