Tweak ui

src/components/ModerationLabelPref/index.tsx

@@ -17,7 +17,6 @@ export function ModerationLabelPref({
   labelValueDefinition: InterprettedLabelValueDefinition
   disabled?: boolean
 }) {
-  console.log({labelValueDefinition})
   const t = useTheme()
   const allLabelStrings = useLabelStrings()
   const labelStrings = labelValueDefinition.locales[0] // TODO look up locale

src/screens/Profile/Sections/Labels.tsx

@@ -135,19 +135,12 @@ export function ProfileLabelsSectionInner({
         ) : null}
       </View>
       {labelDefs.length > 0 && (
-        <View
-          style={[
-            a.mt_xl,
-            t.atoms.bg_contrast_25,
-            a.rounded_md,
-            a.border,
-            t.atoms.border_contrast_low,
-          ]}>
+        <View style={[a.mt_xl, t.atoms.bg_contrast_25, a.rounded_md, a.py_xs]}>
           {labelDefs.map((labelDef, i) => {
             return (
               <React.Fragment key={labelDef.identifier}>
                 {i !== 0 && <Divider />}
-                <View style={[a.py_lg, a.px_md]}>
+                <View style={[a.py_md, a.px_md]}>
                   <ModerationLabelPref
                     disabled={isSubscribed ? undefined : true}
                     labelValueDefinition={labelDef}