• code view to use monospace text
• monospace text for names of things

By click and drag a new menu system with arrows in the info view, be able to reorder children.

Acceptance Criteria

- [ ] There is a button in the sidebar to delete the selected element
- [ ] There is a button to delete the entire subtree rooted at the selected element

• There are buttons next to children to delete them / delete their subtrees
• If not deleting subtree and an element has children:
  • one child:
    Should be adopted by the parent
  • list of children:
    Should be inserted into parent's list if parent has a list, else the first child in the list should be adopted
  • mixed:
    If an element has a mix of single and lists of children, the single child should go to the parent, deleting the rest.
• If deleting an element would leave a single-child parent childless, the parent should adopt an empty element.

Would add root of subtree as another child of elements with multiple children, else it would necessarily replace the existing child of single-child elements.
Use drag-and-drop in the tree view?

• Elm side should use generic key/value storage interface I developed as part of the bucketlist app.

• JS side can just use localstorage for now with ability to swap in chrome sync when packaging as chrome extension.

• create encoders

• create decoders

• add unit tests

• save layout as json to localStorage on any modification to layout

• load layout from localStorage on first load