Update snapshot actions to be a list

[pdong]

This resolves #4007

I moved the delete button to the bottom to match the mocks, moved labels to the buttons. I also removed the margin on paper-dialog-scrollable because it left a gap between the section name and the radio buttons compared to the other sections. I added a section name (Actions) at the bottom as the buttons looked a bit weird now that they were a list.

Before

After

[bramkragten]

I think the text of the delete action should be the same color as the icon

[pdong]

Good point @bramkragten . I updated the text to also be the warning red color.

I initially tried to target it with mwc-button and the --mdc-theme-on-primary property but that didn't seem to do anything. Then I wanted to wrap both the icon and text in a container with a single warning class but that made the icon/text not line up. Eventually I found that wrapping just the text in a span with a warning class worked. 🤷‍♂

[bramkragten]

You could put the warning class on the li?

[pdong]

Yeah I tried that. The text and icon are both the blue color in that instance.