<p></p>
<p>There's two different wrapping parts here:</p>
<ul>
<li>First, the administrator lines ("Deactivate... " and "Email address...") currently appear on a line on their own. But I could move these into the same column as the rest of the text, like this:</li>
</ul>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/360803/130060076-24b00dd7-3d0f-4d7c-a11b-fb359ddd9622.png"><img src="https://user-images.githubusercontent.com/360803/130060076-24b00dd7-3d0f-4d7c-a11b-fb359ddd9622.png" alt="Screenshot from 2021-08-19 12-17-07" style="max-width:100%;"></a></p>
<p>Would that be preferred?</p>
<ul>
<li>Second, the wrapping of the links isn't great, with the wrapped line starting with a separator bar. It's what happens to all of the existing <code>secondary-actions</code> stuff that we have elsewhere too. I'm not sure what the best approach is for improving the <code>secondary-actions</code> lists. Bootstrap offers <a href="https://getbootstrap.com/docs/4.6/components/list-group/#horizontal" rel="nofollow">horizontal list groups</a> but I don't think they look right here. It also offers <a href="https://getbootstrap.com/docs/4.6/components/navs/#horizontal-alignment" rel="nofollow">horizontal navs</a> which sort of work but I'm not sure it's an improvement:</li>
</ul>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/360803/130062676-bc8e0aed-0adb-428b-966d-87e4148269f8.png"><img src="https://user-images.githubusercontent.com/360803/130062676-bc8e0aed-0adb-428b-966d-87e4148269f8.png" alt="Screenshot from 2021-08-19 12-35-17" style="max-width:100%;"></a></p>
<p>We could tighten up the padding (and add back the count indicators, of course), but would this look alright? Or do we need to come up with something else for the <code>secondary-actions</code> lists to make sure they look better when wrapped?</p>
<p>The final line with "Email address..." also looks weird since it's sort of like the "Mapper since..." line but has different spacing and bold keys - probably best if they are consistent.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3297#issuecomment-901846982">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLLKNQZ2HYIDZ26ZNF3T5TVHFANCNFSM5CL6LPHA">unsubscribe</a>.<br />Triage notifications on the go with GitHub Mobile for <a href="https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675">iOS</a> or <a href="https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email">Android</a>.<img src="https://github.com/notifications/beacon/AAK2OLLULBTTOIM5G3RMLYLT5TVHFA5CNFSM5CL6LPHKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOGXARPRQ.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/3297#issuecomment-901846982",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3297#issuecomment-901846982",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>