Sizing tweaks

(cherry picked from commit fc716d5716873f0fddef56496fc48af0614b2e55)

src/view/com/modals/DeleteAccount.tsx

@@ -18,7 +18,7 @@ import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
 import {cleanError} from 'lib/strings/errors'
 import {colors, gradients, s} from 'lib/styles'
 import {useTheme} from 'lib/ThemeContext'
-import {isAndroid} from 'platform/detection'
+import {isAndroid, isWeb} from 'platform/detection'
 import {DeactivateAccountDialog} from '#/screens/Settings/components/DeactivateAccountDialog'
 import {atoms as a, useTheme as useNewTheme} from '#/alf'
 import {useDialogControl} from '#/components/Dialog'
@@ -177,8 +177,10 @@ export function Component({}: {}) {
               </>
             )}
 
+            <View style={[!isWeb && a.px_xl]}>
               <View
                 style={[
+                  a.w_full,
                   a.flex_row,
                   a.gap_sm,
                   a.mt_lg,
@@ -187,19 +189,19 @@ export function Component({}: {}) {
                   t.atoms.bg_contrast_25,
                 ]}>
                 <CircleInfo
-                size="xl"
+                  size="md"
                   style={[
                     a.relative,
                     {
-                    top: -5,
+                      top: -1,
                     },
                   ]}
                 />
 
-              <NewText style={[a.leading_snug]}>
+                <NewText style={[a.leading_snug, a.flex_1]}>
                   <Trans>
-                  You can also temporarily deactivate your account instead, and
+                    You can also temporarily deactivate your account instead,
-                  reactivate it at any time.
+                    and reactivate it at any time.
                   </Trans>{' '}
                   <InlineLinkText
                     to="#"
@@ -212,6 +214,7 @@ export function Component({}: {}) {
                   </InlineLinkText>
                 </NewText>
               </View>
+            </View>
 
             <DeactivateAccountDialog control={deactivateAccountControl} />
           </>