Add "beta" label to Library Content and Problem Bank blockls

[jmakowski1123]

The new Library Content and Problem Bank blocks should have the same beta labels here: #1336

[bradenmacdonald]

Something like this?

Implementation notes:

• This requires changing .add-xblock-component-button to have height: 140px; and vertical-align: bottom
• The "beta" label is a new span with style margin-top: 3px; margin-bottom: -20px; display: block;

[jmakowski1123]

I was thinking of literally reusing the beta label and superimposing it on the tile, but maybe that's not feasible?

[bradenmacdonald]

@jmakowski1123 Like this?

[sdaitzman]

Here are two treatments that keep the green color scheme, I’d lean toward the second of these

[bradenmacdonald]

@jmakowski1123 @sdaitzman What icon do you want for the "Problem Bank" button ?

[sdaitzman]

@bradenmacdonald here are some options, @jmakowski1123 let me know what you think?

[sdaitzman]

I might lean toward the dice icon of these options, here's a quick mock of how it would look in context and with the sharp Material Design icon variant

[bradenmacdonald]

All three of those exist as Paragon icons, so they seem like good choices https://paragon-openedx.netlify.app/foundations/icons/

[bradenmacdonald]

@jmakowski1123 @sdaitzman @lizc577 @marcotuts This is ready for acceptance testing on the sandbox.

[jmakowski1123]

This looks great

[lizc577]

+1! Looks great!