[charleski]

Sigil refactors the ToC based on the semantics of the html.

This means that your heading elements must use h tags to indicate the level. Since all the headings in your example are h2 tags, they will all end up on the same ToC level as you found. Furthermore, each individual h tag will generate a new ToC entry.

Your code needs to look like this:

<div class="partHead" id="ph01">
				<h1 class="partNumber" style="text-indent: 0%;">
					<span class="bold">
						Part 1<br />
						Memories Are Like Raindrops
					</span>
				</h1>
			</div>
<div class="chapterHead">
				<h2 class="chapterNumber" style="text-indent: 0%;">
					<span class="bold">
						1<br />
						Ebb &amp; Flow
					</span>
				</h2>
			</div>

If your headings all use the same format then it's easy to change this globally with a couple of regular expressions.

If you're using span class="italic" in the code then you definitely need a corresponding selector in your css.