fix: add padding above the "Push to reload" button instead of below

[SimeonGriggs]

Description

Fixes this padding issue by moving it above the button instead of below. This screenshot shows the current state:

Notes for release

Adjusts vertical padding around "Push to reload" button

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
page-building-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 0:17am
performance-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 0:17am
test-compiled-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 0:17am
test-next-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 0:17am
test-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 0:17am

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
studio-workshop	⬜️ Ignored (Inspect)	Visit Preview		Sep 17, 2024 0:17am

[github-actions]

No changes to documentation

[github-actions]

Component Testing Report Updated Sep 17, 2024 12:13 PM (UTC)

✅ All Tests Passed -- expand for details

File	Status	Duration	Passed	Skipped	Failed
comments/CommentInput.spec.tsx	✅ Passed (Inspect)	45s	15	0	0
formBuilder/ArrayInput.spec.tsx	✅ Passed (Inspect)	9s	3	0	0
formBuilder/inputs/PortableText/Annotations.spec.tsx	✅ Passed (Inspect)	32s	6	0	0
formBuilder/inputs/PortableText/copyPaste/CopyPaste.spec.tsx	✅ Passed (Inspect)	38s	11	7	0
formBuilder/inputs/PortableText/copyPaste/CopyPasteFields.spec.tsx	✅ Passed (Inspect)	0s	0	12	0
formBuilder/inputs/PortableText/Decorators.spec.tsx	✅ Passed (Inspect)	18s	6	0	0
formBuilder/inputs/PortableText/DisableFocusAndUnset.spec.tsx	✅ Passed (Inspect)	11s	3	0	0
formBuilder/inputs/PortableText/DragAndDrop.spec.tsx	✅ Passed (Inspect)	3m 0s	0	0	0
formBuilder/inputs/PortableText/FocusTracking.spec.tsx	✅ Passed (Inspect)	46s	15	0	0
formBuilder/inputs/PortableText/Input.spec.tsx	✅ Passed (Inspect)	1m 49s	21	0	0
formBuilder/inputs/PortableText/ObjectBlock.spec.tsx	✅ Passed (Inspect)	1m 18s	18	0	0
formBuilder/inputs/PortableText/PresenceCursors.spec.tsx	✅ Passed (Inspect)	9s	3	9	0
formBuilder/inputs/PortableText/RangeDecoration.spec.tsx	✅ Passed (Inspect)	27s	9	0	0
formBuilder/inputs/PortableText/Styles.spec.tsx	✅ Passed (Inspect)	19s	6	0	0
formBuilder/inputs/PortableText/Toolbar.spec.tsx	✅ Passed (Inspect)	37s	12	0	0
formBuilder/tree-editing/TreeEditing.spec.tsx	✅ Passed (Inspect)	0s	0	3	0
formBuilder/tree-editing/TreeEditingNestedObjects.spec.tsx	✅ Passed (Inspect)	0s	0	3	0

[jordanl17]

Nice! 🚀

[juice49]

This looks like a good quick fix. However, it seems like a mistake that we wrap a single Button component in a Stack at all. I'm assuming the "ready to update" copy was originally intended to appear inside the Stack so that the copy and the Button component would implicitly be given a gap.

It would be great to remove the redundant Stack and Box altogether (assuming the Box isn't necessary for the layout).

[cngonzalez]

This looks like a good quick fix. However, it seems like a mistake that we wrap a single Button component in a Stack at all. I'm assuming the "ready to update" copy was originally intended to appear inside the Stack so that the copy and the Button component would implicitly be given a gap.

It would be great to remove the redundant Stack and Box altogether (assuming the Box isn't necessary for the layout).

You're right on the money, there were quite a few last-minute changes on release day which drastically altered it from the original look / feel 😅

I'll pull down this branch and see what cruft we can get rid of.