"inner" list arguments indented oddly in TagTree expression

[skybrian]

Here's how dartfmt 0.2.0-rc.4 handles formatting a complicated TagTree expression. Not terrible, but perhaps could be better.

For example, the outermost $.Div has only one named argument, which is a long list, so it seems like "inner: [" could be moved to the previous line?

Original file:
https://github.com/google/dart-tagtree/blob/master/example/dart-demos/sunflower/sunflower.dart

Before:

return $.Div(inner: [

    $.Div(id: "container", inner: [
        $.Canvas(width: maxD, height: maxD, clazz: "center", ref: canvas),
        $.Form(clazz: "center", inner: [
            $.Input(type: "range", max: 1000, value: seeds, onChange: onSliderChange)
        ]),
        $.Img(src: "math.png", width: "350px", height: "42px", clazz: "center")
    ]),

    $.Footer(inner: [
        $.P(id: "notes", inner: "${seeds} seeds")
    ]),
]);

After:

return $.Div(
    inner: [
  $.Div(
      id: "container",
      inner: [
    $.Canvas(width: maxD, height: maxD, clazz: "center", ref: canvas),
    $.Form(
        clazz: "center",
        inner: [
      $.Input(
          type: "range", max: 1000, value: seeds, onChange: onSliderChange)
    ]),
    $.Img(src: "math.png", width: "350px", height: "42px", clazz: "center")
  ]),
  $.Footer(inner: [$.P(id: "notes", inner: "${seeds} seeds")]),
]);

[skybrian]

Also, assuming we're listing both named arguments and elements of an "inner" list vertically, it seems like elements of the list should be indented more than a named argument rather than less?