Fix copy button overlapping code on small screens

[Copilot]

The absolutely-positioned copy button was rendering over the code content on narrow viewports because pre.highlight had no right padding to reserve space for it.

Changes

• assets/index.css — add pr-16 (4rem) to pre.highlight, pushing code content clear of the button's ~60px footprint (right: 0.25rem + margin-right: 1rem + padding + icon)
• dist/style.*.css — apply the equivalent padding-right:4rem directly to the compiled asset

/* before */
pre.highlight {
    @apply relative min-h-12;
}

/* after */
pre.highlight {
    @apply relative min-h-12 pr-16;
}

Original prompt

---

This section details on the original issue you should resolve

<issue_title>The copy code button is overlapping the code on smaller screens. </issue_title>
<issue_description>With the newly added copy code button a new bug was introduced where said button overlaps the actual code example. As you can see in the attached image.

</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes The copy code button is overlapping the code on smaller screens.  #40

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.