When a popup (doesn't matter which one, #Reference_Previews, #Page-Previews, with or without an image) opens to the bottom (i.e. the little arrow is at the top), the distance from the top corner of the popup to the text is not the full expected 16px but much less. This is because the arrow is part of the 16px margin, not outside of it.
I did a `git bisect` and narrowed the issue down to this patch:
* https://gerrit.wikimedia.org/r/c/mediawiki/extensions/Popups/+/647002
* {T269336}
Before the patch we had 16px all around:
{F34427908}
After:
{F34427906}
== QA steps
- Navigate to a page on beta cluster i.e. https://en.wikipedia.beta.wmflabs.org/wiki/Albert_Einstein
- Hover over reference links to see that the icon in the left hand corner is consistent with spacing between the different types of reference links
- To check the disambiguation popup, see https://doc.wikimedia.org/Popups/master/js/ui/?path=/story/disambiguation--standard (I couldn't find an example of a working disambiguation popup on beta cluster)
== QA Results - Beta
| **AC** | **Status** | **Details** |
| ----- | ----- | ----- |
| 1 | ✅ | T281170#7263355 |
| 2 | ✅ | T281170#7263355 |
https://phabricator.wikimedia.org/T281170#7271180