The visual design of content blocks image / video / embed need to be adapted to the new look of the Stories app style.

General characteristics:

• labels and form fields in general follow the same style as already implemented
• minor color adjustment of edited fields and delete button as the following:
• when a block is being edited the bg color is light blue 1 (#F3F7F9) and the bg of the active input field is light blue 2 (#DBE8EB)
• the delete button has the same color as light blue 1 (#F3F7F9) so button and block visually belong together

Image:

• input fields with a button (i.e. select new…) are dynamic in width (to avoid that the button stands alone at the right border)
• buttons are grey (#E0E0E0) and slightly rounded (same as "+" button)
• change the button label from 'select new' to '+ browse'
• image preview has new size (height 210px / width flexible) and background (transparent stripes, size: 870x210px)
• hide file info
• re-order the sequence of the fields as in the mockup
• re-name labels as in the mockup

Mockup:
Following mockups shows the design for each content type in sequence of the workflow (in comparison with the old design).

Image	Video option 1 from asset	Video option 2 from embed code	Embed URL