Skip to content

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

Description

@mayur-huptechweb

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Awaiting TriageIssues awaiting triage. See Training Team handbook for how to triage issues.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions