A calmer Scope & pricing page, part 4

The materials under each line are easier to read and easier to change.

What changes

• A short list. Each line shows its first four materials, with Show N more for the rest.
• Quieter rows. Each material is one row: what it's for, the product, the quantity and the cost. A small chip marks anything still open. Color · decide later is grey, because a stand-in color is already the right price and the real pick can wait until after the client signs. Anything that can change the price, like Confirm size, is amber.
• Edit opens right under the material. One at a time, and it reads top to bottom:
  • the open decision (for a color: Pick a color or Keep this one)
  • the quantity, with Change how it's figured if you need to change the rule behind it
  • your cost, with a line saying where it saves
  • then Swap product, Remove, Cancel and Save
• No more remove line under every row. Removing a material is in its editor now. A removed material still shows ↩ Put back on this job.
• Materials are optional. A line with none shows a dashed box with + Add a material and Suggest materials.