fix comments

src/view/com/auth/create/Step3.tsx

@@ -38,8 +38,8 @@ export const Step3 = observer(function Step3Impl({
           accessibilityHint="Input your user handle"
         />
         <Text type="lg" style={[pal.text, s.pl5, s.pt10]}>
-          <Trans>Your full handle will be </Trans>
+          <Trans>Your full handle will be</Trans>
-          <Text type="lg-bold" style={pal.text}>
+          <Text type="lg-bold" style={[pal.text, s.ml5]}>
             @{createFullHandle(model.handle, model.userDomain)}
           </Text>
         </Text>

src/view/com/composer/Composer.tsx

@@ -419,8 +419,8 @@ export const ComposePost = observer(function ComposePost({
                   accessibilityLabel={_(msg`Add link card`)}
                   accessibilityHint={`Creates a card with a thumbnail. The card links to ${url}`}>
                   <Text style={pal.text}>
-                    <Trans>Add link card: </Trans>
+                    <Trans>Add link card:</Trans>
-                    <Text style={pal.link}>{toShortUrl(url)}</Text>
+                    <Text style={[pal.link, s.ml5]}>{toShortUrl(url)}</Text>
                   </Text>
                 </TouchableOpacity>
               ))}

src/view/com/modals/AddAppPasswords.tsx

@@ -129,10 +129,10 @@ export function Component({}: {}) {
           </Text>
         ) : (
           <Text type="lg" style={[pal.text]}>
+            <Text type="lg-bold" style={[pal.text, s.mr5]}>
+              <Trans>Here is your app password.</Trans>
+            </Text>
             <Trans>
-              <Text type="lg-bold" style={[pal.text]}>
-                Here is your app password.
-              </Text>{' '}
               Use this to sign into the other app along with your handle.
             </Trans>
           </Text>

src/view/com/modals/SelfLabel.tsx

@@ -132,12 +132,11 @@ export const Component = observer(function Component({
           ) : (
             <View>
               <Text style={[pal.textLight]}>
-                <Text type="md-bold" style={[pal.textLight]}>
+                <Text type="md-bold" style={[pal.textLight, s.mr5]}>
-                  <Trans>Not Applicable</Trans>
+                  <Trans>Not Applicable.</Trans>
                 </Text>
                 <Trans>
-                  . This warning is only available for posts with media
+                  This warning is only available for posts with media attached.
-                  attached.
                 </Trans>
               </Text>
             </View>

src/view/com/modals/lang-settings/ConfirmLanguagesButton.tsx

@@ -39,7 +39,7 @@ export const ConfirmLanguagesButton = ({
           end={{x: 1, y: 1}}
           style={[styles.btn]}>
           <Text style={[s.white, s.bold, s.f18]}>
-            <Trans> Done{extraText}</Trans>
+            <Trans>Done{extraText}</Trans>
           </Text>
         </LinearGradient>
       </Pressable>

src/view/com/notifications/FeedItem.tsx

@@ -234,8 +234,8 @@ export const FeedItem = observer(function FeedItemImpl({
             />
             {authors.length > 1 ? (
               <>
-                <Text style={[pal.text]}>
+                <Text style={[pal.text, s.mr5, s.ml5]}>
-                  <Trans> and </Trans>
+                  <Trans>and</Trans>
                 </Text>
                 <Text style={[pal.text, s.bold]}>
                   {formatCount(authors.length - 1)}{' '}

src/view/com/post-thread/PostThreadItem.tsx

@@ -648,7 +648,7 @@ function ExpandedPostDetails({
       <Text style={pal.textLight}>{niceDate(post.indexedAt)}</Text>
       {needsTranslation && (
         <>
-          <Text style={pal.textLight}>•</Text>
+          <Text style={[pal.textLight, s.ml5, s.mr5]}>•</Text>
           <Link href={translatorUrl} title="Translate">
             <Text style={pal.link}>
               <Trans>Translate</Trans>