Reduce size of Label--inline

[simurai]

What are you trying to accomplish?

This closes https://github.com/github/primer/issues/664 by reducing the size of Label--inline.

Before	After

Markup used for the screenshots above:

<p class="col-4">
  Lorem Ipsum is simply <span class="Label Label--inline">dummy text</span> of the <span class="Label Label--inline">dummy text</span> industry.
  <span class="IssueLabel Label--inline color-bg-accent-emphasis color-fg-on-emphasis mr-1">Lorem Ipsum</span> has been <span class="Label Label--inline">dummy text</span> the industry's standard dummy text.
</p>

What approach did you choose and why?

Reducing the font-size and padding makes sure the labels don't touch each other when wrapped onto multiple lines. The font-size: 85%; also matches the <code>'s font size.

-  padding: 0.1667em 0.5em;
-  font-size: 0.9em;
+  padding: 0.12em 0.5em;
+  font-size: 85%;

What should reviewers focus on?

Since Label--inline isn't really meant to be used with IssueLabel, I was contemplating adding a separate IssueLabel--inline variation. But there was some talk to replace IssueLabel with a variation like Label Label--filled. So for now using IssueLabel Label--inline might still be fine.

Are additional changes needed?

• No, this PR should be ok to ship as is. 🚢

[changeset-bot]

🦋 Changeset detected

Latest commit: cb9a7b7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/css	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR