fix(styles): update grid-gap to column-gap for inline dropdown

[joshblack]

This came from a report in Slack. Currently, our inline dropdown uses grid-gap which adds both row and column spacing. This PR switches it to use column-gap so that only column spacing is used.

Changelog

New

Changed

• Update styles for dropdown so that only column spacing is used

Removed

Testing / Reviewing

• View the deploy preview and verify that the row spacing as shown in the screenshot above no longer exists

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 8095057

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/615494eb7f32480008544180

😎 Browse the preview: https://deploy-preview-9749--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 8095057

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/615494eb42c90a0007f20cdf

😎 Browse the preview: https://deploy-preview-9749--carbon-components-react.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 8095057

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/615494eb7f32480008544182

😎 Browse the preview: https://deploy-preview-9749--carbon-elements.netlify.app

[jnm2377]

ughh... wait... after inspecting, I'm realizing it doesn't actually change the spacing. If I add column-gap: 0 specifically, it does.

[jnm2377]

wait... is the column spacing the vertical spacing or the horizontal spacing? 😭 Now I'm confused lol

[joshblack]

@jnm2377 haha, totally get that. I believe that column is horizontal and row is vertical spacing.