Grouped / sub topic body alignment, progress bars

[swashbuck]

Subject of the issue

The menu item body of grouped sub topics isn't aligned with the sub topic's title. This currently uses text-indent. This causes problems with multi-line titles, though, so we should probably switch to padding-left instead?

Also, the progress bars are inconsistent and squished.

Steps to reproduce

Set up grouping in TOC in course.json. This example can use the Vanilla build.

  "_toc": {
    "_grouping": {
      "_classes": "",
      "title": "",
      "_items": [
        {
          "title": "",
          "_ariaLevel": 1,
          "_classes": "",
          "_contentObjects": [
            "co-05",
            "co-10"
          ],
          "_grouping": {
            "_classes": "",
            "title": "",
            "_items": [
              {
                "title": "Subgroup lorem ipsum delorum long group name",
                "_ariaLevel": 1,
                "_classes": "",
                "_contentObjects": [
                  "co-15"
                ]
              }
            ]
          }
        }
      ]
    }
  }

[github-actions]

🎉 This issue has been resolved in version 1.1.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀