Project 1: Pat Answer Question: Button Placement
Background
The PAT answering cards are for the most part functional and working. We want to do a 1 on 1 revision with a developer and designer to fine tune and check everything. This issue is for the Dev to add on changes that are found in the 1 on 1 meeting for Button placement notes.
What to do
Small screen
-
Buttons (previous/next/reset) are attached to the card and no longer hovering above them -
Cards move behind the buttons -
1.25rem from the bottom of the card (for left/right arrows) -
1.25rem from the right border of the card (for left/right arrows) -
1.25rem from the left border of the card (for delete icon) -
1.25rem from the bottom of the card (for delete icon)
large screen
-
As screen/card stretches the navigation and reset buttons are anchored in the bottom corners -
When max card width is met and 2 cards are in viewing window: buttons remain on the first card within the viewing window
Please keep in mind...
that we are using the cards in various places; e.g. for questions in the monitoring setup or as list item tags. Whatever we change about them might affect other use cases, and still has to make sense there, too. (Unless we want to introduce new components). If possible try to reduce the complexity of the card componet.
Edited by Paul Lengert