aligned share-button and view-details

[lougoncharenko]

PR Summary:

Share button and View full details link are now aligned on the featured product section in both mobile, tablet and desktop.

Why are these changes introduced?

Fixes #2289

What approach did you take?

-Created a container for both the Share button and View full details link. Added display flex an justify content: center to align both.

Other considerations

-The easiest way was to put them in a container and apply css.

• A more challenging approach would be to make view full details link a block that can be added to featured product since it was a separate entity (not a local block). That way users have the flexibility to drag and drop the link where ever they like (most likely this solution will be reserved for the flex section project)

Visual impact on existing themes

This will look visually better as both buttons will now be aligned

Testing steps/scenarios

• Align when product is empty (placeholder image)
• Align when product is selected (with image)
• Align when product is selected (without any image)
• Test with mobile, tablet and desktop
• Test with color scheme
• Test with adding additional local blocks

Demo links

• Store
• Editor

Checklist

• Added PR summary for release notes
• Requested review from UX (Only for changes that are affecting the experience or perceivable visual details)
• Created a ticket for the help.shopify.com documentation team about updates to theme settings. (Internal-only task)
• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[ludoboludo]

This is looking good to me 👍

[kmeleta]

Nice simple fix! Couple nitpicks we might as well address then we're good to go.