From 2e606802965b70e01fa0a7d84e0558ef1bc8ab3f Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Sun, 10 Mar 2024 18:44:58 -0700
Subject: [PATCH] Moderation UI tweaks for mobile

---
 src/components/moderation/ContentHider.tsx            | 5 ++---
 src/components/moderation/ModerationDetailsDialog.tsx | 4 ++--
 src/components/moderation/PostAlerts.tsx              | 2 +-
 src/components/moderation/ProfileHeaderAlerts.tsx     | 2 +-
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/moderation/ContentHider.tsx b/src/components/moderation/ContentHider.tsx
index 1b4a4ef345..490d1ae478 100644
--- a/src/components/moderation/ContentHider.tsx
+++ b/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.pr_lg,
+              a.px_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
diff --git a/src/components/moderation/ModerationDetailsDialog.tsx b/src/components/moderation/ModerationDetailsDialog.tsx
index 2ce5d972de..c892b2a8d2 100644
--- a/src/components/moderation/ModerationDetailsDialog.tsx
+++ b/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
diff --git a/src/components/moderation/PostAlerts.tsx b/src/components/moderation/PostAlerts.tsx
index 12841cfd01..0bfe696788 100644
--- a/src/components/moderation/PostAlerts.tsx
+++ b/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>
diff --git a/src/components/moderation/ProfileHeaderAlerts.tsx b/src/components/moderation/ProfileHeaderAlerts.tsx
index 0e618b69aa..dfc2aa5571 100644
--- a/src/components/moderation/ProfileHeaderAlerts.tsx
+++ b/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>