From e768945d5beb658a9aac2f27f0839d5c4520c921 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 19 Sep 2024 15:33:40 -0500
Subject: [PATCH] Copy tweaks

---
 .../dialogs/nuxs/NeueTypography.tsx           | 11 +++++-----
 src/screens/Settings/AppearanceSettings.tsx   | 20 ++++++++++---------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/dialogs/nuxs/NeueTypography.tsx b/src/components/dialogs/nuxs/NeueTypography.tsx
index b4cdb8c035..fa3936d259 100644
--- a/src/components/dialogs/nuxs/NeueTypography.tsx
+++ b/src/components/dialogs/nuxs/NeueTypography.tsx
@@ -49,19 +49,18 @@ export function NeueTypography() {
         <View style={[a.gap_xl]}>
           <View style={[a.gap_md]}>
             <Text style={[a.text_3xl, {fontWeight: '900'}]}>
-              <Trans>Introducing new font settings ✨</Trans>
+              <Trans>New font settings ✨</Trans>
             </Text>
-            <Text style={[a.text_lg, a.leading_snug]}>
+            <Text style={[a.text_lg, a.leading_snug, {maxWidth: 400}]}>
               <Trans>
-                To ensure the best possible experience, we're introducing a new
-                theme font, along with adjustable font sizing settings.
+                We're introducing a new theme font, along with adjustable font
+                sizing.
               </Trans>
             </Text>
             <Text
               style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
               <Trans>
-                Defaults are shown below. You can edit these in your Appearance
-                Settings later.
+                You can adjust these in your Appearance Settings later.
               </Trans>
             </Text>
           </View>
diff --git a/src/screens/Settings/AppearanceSettings.tsx b/src/screens/Settings/AppearanceSettings.tsx
index 510a5d9edc..69e04f4af1 100644
--- a/src/screens/Settings/AppearanceSettings.tsx
+++ b/src/screens/Settings/AppearanceSettings.tsx
@@ -206,9 +206,17 @@ export function AppearanceToggleButtonGroup({
   const t = useTheme()
   return (
     <View style={[a.gap_sm]}>
-      <View style={[a.flex_row, a.align_center, a.gap_md]}>
-        <Icon style={t.atoms.text} />
-        <Text style={[a.text_md, a.font_bold]}>{title}</Text>
+      <View style={[a.gap_xs]}>
+        <View style={[a.flex_row, a.align_center, a.gap_md]}>
+          <Icon style={t.atoms.text} />
+          <Text style={[a.text_md, a.font_bold]}>{title}</Text>
+        </View>
+        {description && (
+          <Text
+            style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
+            {description}
+          </Text>
+        )}
       </View>
       <ToggleButton.Group label={title} values={values} onChange={onChange}>
         {items.map(item => (
@@ -220,12 +228,6 @@ export function AppearanceToggleButtonGroup({
           </ToggleButton.Button>
         ))}
       </ToggleButton.Group>
-
-      {description && (
-        <Text style={[a.text_sm, a.leading_snug, t.atoms.text_contrast_medium]}>
-          {description}
-        </Text>
-      )}
     </View>
   )
 }