- Images now scale up and down depending on the available space.
- The new property controls the first (column) size parameter for the 
grid. The others are fixed at 1. Decimal values are allowed for 
fine-tuned control.
This prop is passed on to the child likert-row component. It uses the 
same grid and needs this info for proper alignment with the column 
headers.
- Remove unnecessary div in likert

- List items only have a margin between then but no longer on the 
outside.
- Remove unused background color. This is set dynamically in the 
template.

This looked bad having a null value in the DOM.
16 is the default font size of the app right now.

- Reordered the buttons to make it look nicer (but still make sence 
logically)
- Put some more divs with flex layouting to prevent elements moving 
unexpextedly.
- Changed color and list inputs to split-buttons. Those compone a button 
with a dropdown.
- The editor now saves the set color and  it can be applied to 
subsequent selections as well.

ProseMirror seems not to allow editing text nodes. Since a text node can 
be a child of an element being applied the bullet list to, it fails for 
that text element. It seems it was workingly correctly before. The error 
seen on the console was inconsequential since we don't want to apply 
attributes to pure text nodes anyway. This change at least removes this 
error.

Move project detection of ElementComponent from AfterViewInit to
AfterContentChecked

The explicit check for undefined ensures that the value false of a
boolean property is taken from serialized elements.

In ControlBarComponent the property project replaces the property
isAspectPlayer. It ensures that delays are used only in the player
and hints are always visible in the editor.

The magnifier is always visible in the editor

Can be used for testing

Split code into separate methods

Required to query the elementModels of all instances of this class.

Split the code into separate methods

The MarkingService now takes care of the selection and its validation.
The text component sends its change via elementValueChanged.

- Check if button element is available in the toolbox
- Add the button to the canvas
- Change button label and check reflection on the canvas

This shows a outline on potential dropLists when dragging an item.

- Remove grab cursor from the canvas as it is no longer draggable (was
  in an earlier version)
- Fix element visual overlaying the resize element. Now the actual
  element is hidden, while the resize is going on.

Element cursor are changed so that there is a 'grab' cursor on hover
and a 'grabbing' cursor while active (clicked but not dragged yet)
and while dragging.
The resize cursor always stays the same, as there is not alternative
active curser (like grab/grabbing) for this.

On the dynamic overlay the curser cannot be set while the element
is being dragged. I assume it is because of 'relative' positioning.
The element is taken out of the DOM and pointer events don't work,
including cursors. This is why the body needs to be cursor-styled.
Cursors are set dynamically in the component via CSS class.
When dragging starts it is set and removed when it ends.

Also add an additional direct input for font color.

Move the first tab to it's own component. File still is way to long and
unwieldy.

This structure moves closer to the structure template the team decided
on. Components and services are kept in dedicated folders instead of
following the logical code structure. This is still not the case here as
the unit-view component is still nested, but it's closer.