1490801 - "read Only" badge text looks somewhat off-centered

Status: RESOLVED WONTFIX

(developer.mozilla.org Graveyard :: Design, enhancement, P5)

Description

[Chris Mills (Mozilla, MDN editor) [:cmills]]

What did you do?
================
1. Went to https://developer.mozilla.org/en-US/docs/Web/API/AudioParam
2. Looked at the read only badges in the Properties section 

What happened?
==============
The text in the badges looks visibly off-centered

What should have happened?
==========================
It should be centered

Is there anything else we should know?
======================================
Nope.

Comment 1

[Chris Mills (Mozilla, MDN editor) [:cmills]]

Attachment: Pic showing the off-centered badges

Comment 2

[Suhail Singh Bains]

Hi,
I would like to take this up.
Thanks

Comment 3

[Suhail Singh Bains]

Can I edit this in the MDN, as I am unable to do so.
I will need some guidance.
Thanks

Comment 4

[John Whitlock [:jwhitlock]]

Suhail Singh Bains:

This can not be fixed by editing the content on MDN, but instead will require updating the CSS. You can use developer tools to update the style to find something that works, and then update the code with a pull request to the Kuma repo:

https://github.com/mozilla/kuma

Getting a Kuma development environment up and running is described in the development docs:

https://kuma.readthedocs.io/en/latest/installation.html

This bug was marked as a "good-first-bug", but without a mentor. Schalk, I've nominated you, but feel free to nominate someone else or remove "good-first-bug" if you disagree.

I've added ExE Boss to the CC list, since he has been deeply involved in indicators in the past.

Comment 5

[med.amineeljirari]

Hello,

Adding padding: .25rem; to inlineIndicator class fix the bug without breaking the layout of other inline indicators

Comment 6

[Ammar Najjar]

should not this be closed as the PR #5477 was accepted?

Comment 7

[BMO Automation]

MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.