INT-1588: CRUD Usability Improvements.

[durran]

• Typing : in the key input field tabs to the value input field.
• Users can now click to the right of the value input field to take the following actions:
  • If the element is the last element in the parent, a new element is added.
  • If a new empty element has already been added, that element is removed.
  • If a new element has been added, with an empty key or value (potential in-progress edit) no action is taken.
• Only allow addition of 1 element at a time if the field name in the new element is blank.
• Set newly added key field and value sizes to 1.
• Fix element auto-focus on add.
• Added Compass help entries for CRUD.

---

This change is

[durran]

cc @marcgurney

[imlucas]

Reviewed 16 of 16 files at r2.
Review status: 16 of 17 files reviewed at latest revision, 2 unresolved discussions, some commit checks broke.

---

src/help/entries/editing-a-single-document.md, line 48 [r2] (raw file):

The changes to a document may be persisted by clicking on the 'Update'
button in the footer of the document panel. Clicking this button will
execute a `$findAndModify` on the server and update the document in the

beautiful for noting this! 👍

---

src/internal-packages/crud/styles/crud.less, line 147 [r2] (raw file):

  .types {
    display: inline-block;
    position: absolute;

we'll clean this up with flex box later

---

Comments from Reviewable

[imlucas]

Reviewed 1 of 7 files at r1.
Review status: all files reviewed at latest revision, 2 unresolved discussions, some commit checks broke.

---

Comments from Reviewable

[imlucas]

---

Review status: all files reviewed at latest revision, 2 unresolved discussions, some commit checks broke.

---

Comments from Reviewable