Skip to content
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions src/app/components/ContinueReadingButton/index.styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export default {
display: 'block',
width: `calc(100% - ${spacings.QUADRUPLE}rem)`,
padding: `${spacings.DOUBLE}rem 0`,
margin: `0 ${spacings.DOUBLE}rem -${spacings.FULL}rem ${spacings.DOUBLE}rem`,
margin: `0 ${spacings.DOUBLE}rem ${pixelsToRem(36)}rem ${spacings.DOUBLE}rem`,
Copy link

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The PR description still contains the template placeholders (summary/code changes/testing) without concrete details. Please add a brief user-facing summary and explicit testing steps (e.g. which page to load and expected whitespace change) so reviewers can verify the visual adjustment reliably.

Copilot uses AI. Check for mistakes.
backgroundColor: palette.GREY_2,
color: palette.GREY_10,
textAlign: 'start',
Expand All @@ -33,10 +33,14 @@ export default {
},

[mq.GROUP_1_MAX_WIDTH]: {
margin: `0 ${spacings.FULL}rem -${spacings.HALF}rem ${spacings.FULL}rem`,
margin: `0 ${spacings.FULL}rem ${pixelsToRem(36)}rem ${spacings.FULL}rem`,
width: `calc(100% - ${spacings.DOUBLE}rem)`,
},

[mq.GROUP_3_MIN_WIDTH]: {
margin: `0 ${spacings.DOUBLE}rem ${pixelsToRem(20)}rem ${spacings.DOUBLE}rem`,
},
Comment on lines 14 to +42
Copy link

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The new bottom margins use hard-coded pixel values (36px/20px via pixelsToRem) that don’t map to the theme spacing scale (which is based on 8px steps). To keep spacing consistent and self-documenting, consider using existing spacings.* tokens where possible, or introduce a named constant in this file explaining why these non-standard values are required (e.g. alignment with PV curation heading).

Copilot uses AI. Check for mistakes.

'&:hover, &:focus': {
textDecoration: 'underline',
},
Expand Down
Loading