Canvas:Prop layout = centered

Build 25086 on sidnioulz/issue-23642
chromechrome
Changed
BaselineBuild 19567 on version-non-patch-from-9.0.0
View Storybook
LatestBuild 25086 on sidnioulz/issue-23642
View Storybook
Baseline History
Build 250860516ea7
Current build. Denied by Steve Dodier-Lazaro.
Build 195674c75555 current baseline
Auto-accepted
Build 19565c21bf24
Auto-accepted
Build 195647b7380e
Auto-accepted
Build 1956238dfef9
Auto-accepted
Pinned
Steve Dodier-Lazaro
Side effect of the code which I hadn't noticed. In practice I feel this one will be truly unavoidable if we do want to fix the Show code button positioning. Either: We allow overlapping (WCAG violation) We introduce systematic vertical padding to prevent overlapping (ActionLogger approach) and lose true centering We use the flex approach in this PR to push the show code button only when the Preview needs the width; we also lose true centering @ghengeveld @MichaelArestad thoughts? I think I tricked myself into thinking that the ideal solution for SyntaxHighlighter (option 3 above) is also ideal for Preview but that's not the case.