1553848 - The text from the borderless cards is too close to the left margin making hover/focus states look odd

Status: RESOLVED DUPLICATE of bug 1548995

(Firefox :: New Tab Page, defect)

Description

[Ciprian Muresan [:cmuresan], Ecosystem QA]

Attachment: borderless cards look cut by the card's border.png

[Affected versions]:

• Firefox Nightly 69.0a1, Build ID 20190523044159
• Firefox Beta 68.0b3, Build ID 20190520131124

[Affected Platforms]:

• All Windows
• All Mac
• All Linux

[Prerequisites]:

• Have the browser.newtabpage.activity-stream.discoverystream.config pref set to {"api_key_pref":"extensions.pocket.oAuthConsumerKey","collapsible":true,"enabled":true,"show_spocs":false,"hardcoded_layout":false,"personalized":false,"layout_endpoint":"https://getpocket.cdn.mozilla.net/v3/newtab/layout?version=1&consumer_key=40249-e88c401e1b1f2242d9e441c4&layout_variant=dev-test-all"}

[Steps to reproduce]:

1. Start the browser with the profile from prerequisites.
2. Focus one of the borderless cards and observe the left margin.

[Expected results]:

• There is a bit of padding between the card's border and the text.

[Actual results]:

• The card has no border and the text is too close to the margin.

[Notes]:

• The issue is reproducible with all types of borderless cards.
• Attached a screenshot of the issue.