Fix sizing of done/redo button on mobile todo page
What does this MR do and why?
When viewed in a very small viewport, the done/redo button on a todo item in the Vue todo page is growing to its parent height. This also affects the un-snooze button. This MR corrects this by setting an appropriate align-self rule on the parent.
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Check out this branch
- Visit the Vue todos page
- Ensure your viewport is in the
xs
breakpoint range (smaller than 576px wide)
Related to #499696
Edited by Chad Lavimoniere