WordPress / WordPress/Learn

Need to add spacing between "Copy" and "Expand code" buttons in code examples on the "Introduction to Securely Developing Plugins" tutorial

Open Beginner friendly
#3,555 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Awaiting Triage
Dominant language
PHP
Stars
333
Forks
127
Avg merge
1d 7h
Merged PRs (30d)
11

Description

Description

On the "Introduction to Securely Developing Plugins" tutorial page, the Copy and Expand code buttons in the code example toolbar are displayed too close together, making the UI look cramped and slightly affecting usability.

Page URL

https://learn.wordpress.org/tutorial/introduction-to-securely-developing-plugins/

Location

In the Validating Data section (and potentially other code examples on the page).

Current Behavior

The Copy and Expand code buttons appear adjacent to each other with little or no spacing between them.

Expected Behavior

There should be a small margin or padding between the two buttons to improve visual separation and make the interface more user-friendly.

Screenshot

Image

Suggested Fix

Add a small CSS margin (for example, margin-right: 10px; or gap: 10px;) between the toolbar buttons.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the Introduction to Securely Developing Plugins tutorial and inspect the code example toolbar in the Validating Data section, then identify the CSS controlling the Copy and Expand code buttons. Add consistent visual separation between the buttons and verify the spacing on that section and any other code examples on the page.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
74/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.