HTML/responsive-side work for organizational chart

[JonellaCulmer]

What we're after: Move forward with the on-going work done by @rfultz, re-styled as part of the next steps to implement the updated org chart. The smaller widths will be a stacked list (single column), though we're still thinking about ways to represent the non-hierarchal relationship between the commissioners and IG (maybe two columns for them?). We'll probably lose the connecting lines for the smaller widths; still need to engineer how they'll work for the larger widths.

We're researching options to efficiently administer the information inside the CMS, keeping in mind the upcoming work for streamlining the admin for tables that are currently html blocks.

Related issues

• Mock up ideas for a Wagtail page to replace the organizational chart #2877
• Build wagtail template for organization chart #3072

Completion criteria

• Update existing work to match styling
• Consider solution for connecting lines (possible MVP stacking columns left to right without lines)
• Meet/discuss work with @AmyKort and design for review

Design

Future work

• Build wagtail template for organization chart #3072 follows this ticket

[rfultz]

Progress update:

[rfultz]

Another progress update: