From cfbdb1ef4b3c7cb13e86df2d90dfe18e0aff0ac5 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 9 Jul 2026 20:32:03 -0500
Subject: [PATCH] Fix layout

---
 .../moderation/LabelsOnMeDialog.tsx           |  2 +-
 .../moderation/ModerationDetailsDialog.tsx    | 44 +++++++++++++------
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/components/moderation/LabelsOnMeDialog.tsx b/src/components/moderation/LabelsOnMeDialog.tsx
index 0a641f823f..8b87a185e5 100644
--- a/src/components/moderation/LabelsOnMeDialog.tsx
+++ b/src/components/moderation/LabelsOnMeDialog.tsx
@@ -152,7 +152,7 @@ function Label({
             {strings.description}
           </Text>
           {showAccountCallout && (
-            <Admonition type="info" style={[a.mt_xs]}>
+            <Admonition type="info" style={[a.mt_sm]}>
               <Trans>
                 This label was applied to the entire user account and will
                 appear on all posts.
diff --git a/src/components/moderation/ModerationDetailsDialog.tsx b/src/components/moderation/ModerationDetailsDialog.tsx
index 0a71f5b350..e0b2f8b32f 100644
--- a/src/components/moderation/ModerationDetailsDialog.tsx
+++ b/src/components/moderation/ModerationDetailsDialog.tsx
@@ -188,6 +188,36 @@ function ModerationDetailsDialogInner({
           {description}
         </Text>
 
+        {canAppeal && (
+          <View
+            style={[
+              a.flex_row,
+              a.justify_start,
+              a.pt_md,
+              a.pb_xs,
+              a.mt_md,
+              a.border_t,
+              t.atoms.border_contrast_low,
+            ]}>
+            <Text style={[a.text_sm, t.atoms.text_contrast_medium]}>
+              <Trans>
+                You may appeal these labels if you feel they were placed in
+                error.
+              </Trans>
+            </Text>
+            <Button
+              variant="solid"
+              color="primary_subtle"
+              size="small"
+              label={_(msg`Appeal this label`)}
+              onPress={() => setIsAppealing(true)}>
+              <ButtonText>
+                <Trans>Appeal</Trans>
+              </ButtonText>
+            </Button>
+          </View>
+        )}
+
         {desc.isSubjectAccount && (
           <Admonition type="info" style={[a.mt_md]}>
             <Trans>
@@ -260,20 +290,6 @@ function ModerationDetailsDialogInner({
                   </View>
                 )}
               </View>
-              {canAppeal && (
-                <View style={[a.flex_row, a.justify_end, a.mt_sm]}>
-                  <Button
-                    variant="solid"
-                    color="secondary"
-                    size="small"
-                    label={_(msg`Appeal this label`)}
-                    onPress={() => setIsAppealing(true)}>
-                    <ButtonText>
-                      <Trans>Appeal</Trans>
-                    </ButtonText>
-                  </Button>
-                </View>
-              )}
             </>
           )}
         </View>