For the side bar, when a main menu item is expanded, how can any child menu items be indented to the right? e.g. when I click on Charts, I would like ChartJS, Flot and Inline child items to be indented to the right slightly.

For users this make it more obvious the items and in a child/sub menu of the main menu item.
You can use this:
<style type="text/css">
.treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.fas { margin-left: 15px; }
</style>
For glyphicon and FontAwesome5 .fas, but you can increment more options.
Good idea I'll add this to beta.1 later.
I've added it, you can add now .nav-child-indent to ul.nav-sidebar.
Most helpful comment
I've added it, you can add now
.nav-child-indenttoul.nav-sidebar.