Budget: 1500 UAH Deadline: 2 days
Good day! I looked at your screenshots — the problem is clear: in the cards (Paladin, Ranger, etc.), the stats block "Main characteristic / Hit points / Saves" is overlapped by the orange button at the bottom, and the text at the bottom is cut off. This is a fixed height + overflow:hidden + absolute button breaking under longer Ukrainian text.
How I will fix it (specifically, scoped):
- CSS override, tied to .body-rpgclass-index (only the class page), injected from the content script.
- .listing-card + children (__content, __body, __description, .characters-statblock): height / max-height → auto, overflow:hidden → visible, content in flex-column — description and stat block flow, the card grows under the text.
- .listing-card__callout / __callout-button: I bring the button from absolute into the flow (a regular block at the end of the card) — no longer overlaps the stat block.
- Works for ALL cards (common classes, without nth-of-type), on full screen / medium / narrow.
- Without cutting, line-clamp, and hiding — as per the requirements.
- D&D Beyond SPA: after returning to /classes, I will reapply styles (I will hook into your MutationObserver / re-translate) to keep it.
- npm run compile — without errors.
To clarify: 1) Are styles injected via content_scripts.css or programmatically? 2) Is there a MutationObserver for re-translation to hook into?
Estimated: 1500 UAH, 1–2 days (specific fix, not rewriting). Ready to start immediately as soon as you provide access to the repository (GitHub).
