Update QueryRun / PAT answering process, update button looks
When answering a single question or multiple ones, there is a set of buttons at the bottom. This issue is about updating the looks of those.
What is to be done?
Update the buttons of QueryPanelComponent.
To do so, make them all action buttons and add a new size value to RccActionButtonBaseComponent: 'small'
Small ActionButtons are supposed to only show the icon (label as tooltip, no description).
For bengal theme make them round and color the background.
For default theme use ion-fab buttons as is the current state in the template of QueryPanelComponent
Note: In the images below, you only see two/three buttons, but there can be up to five: If a value was entered a clear/delete buttons appears. And if the QueryPanelComponentis not in autoSave mode there's also a submit and a revert button.
Colors
Make all buttons orange (colorCatgeory: edit) for now, even the colorless reset button.
Icons
You may have to export icons from figma (left, right, revert). Some of the buttons from the current setup might not have icons in figma though: delete, submit. Just pick a fitting icon we already have or leave it blank (i.e. the missing icon)
Positioning
All of the buttons sit in a component that has position:fixed so card can scroll underneath. Since the cards can vary in height, we do not know if there is space at the bottom or if we have to scroll down to reach the end of the card. That's why it is rather tough to position the buttons above the end of the card.
So please just leave them at the bottom of the screen, regardless of the size of the cards, but try to position them horizontally in a way that it roughly matches the layout in the ideal case that the cards reach the buttons :)
Clickup: https://app.clickup.com/t/861m457gb