Moderation UI tweaks for mobile

src/components/moderation/ContentHider.tsx

@@ -75,12 +75,11 @@ export function ContentHider({
               a.justify_start,
               a.align_center,
               a.py_md,
-              a.pl_md,
+              a.px_lg,
-              a.pr_lg,
               a.gap_xs,
               a.rounded_sm,
               t.atoms.bg_contrast_25,
-              gtMobile && [a.py_md, a.px_lg, a.gap_sm],
+              gtMobile && [a.gap_sm],
               (state.hovered || state.pressed) && t.atoms.bg_contrast_50,
             ]}>
             <desc.icon

src/components/moderation/ModerationDetailsDialog.tsx

@@ -114,14 +114,14 @@ function ModerationDetailsDialogInner({
       <Text style={[t.atoms.text, a.text_2xl, a.font_bold, a.mb_sm]}>
         {name}
       </Text>
-      <Text style={[t.atoms.text, a.text_md, a.mb_md, a.leading_snug]}>
+      <Text style={[t.atoms.text, a.text_md, a.mb_lg, a.leading_snug]}>
         {description}
       </Text>
 
       {modcause.type === 'label' && (
         <>
           <Divider />
-          <Text style={[t.atoms.text, a.text_md, a.leading_snug, a.mt_md]}>
+          <Text style={[t.atoms.text, a.text_md, a.leading_snug, a.mt_lg]}>
             <Trans>
               This label was applied by{' '}
               <InlineLink

src/components/moderation/PostAlerts.tsx

@@ -55,7 +55,7 @@ function PostLabel({cause}: {cause: ModerationCause}) {
         }}
         style={[a.px_sm, a.py_xs, a.gap_xs]}>
         <ButtonIcon icon={desc.icon} position="left" />
-        <ButtonText style={[a.flex_1, a.text_left, a.leading_snug]}>
+        <ButtonText style={[a.text_left, a.leading_snug]}>
           {desc.name}
         </ButtonText>
       </Button>

src/components/moderation/ProfileHeaderAlerts.tsx

@@ -55,7 +55,7 @@ function ProfileLabel({cause}: {cause: ModerationCause}) {
         }}
         style={[a.px_sm, a.py_xs, a.gap_xs]}>
         <ButtonIcon icon={desc.icon} position="left" />
-        <ButtonText style={[a.flex_1, a.text_left, a.leading_snug]}>
+        <ButtonText style={[a.text_left, a.leading_snug]}>
           {desc.name}
         </ButtonText>
       </Button>