Alter the indentation of ToC

[Arkadian]

Hi there,

the automatically generated ToC is a bit too spaced out for my liking (ePub). Where are the indents defined?

This is a bit of the code:

<h2 class="calibre2">Indice</h2>

  <ul class="level">

    <li class="calibre3"><a href="Ringraziamenti_001.html" class="calibre4 pcalibre">Ringraziamenti</a></li>

    <li class="calibre3"><a href="Introduzione_003.html" class="calibre4 pcalibre">Introduzione</a>

      <ul class="level1">
        <li class="calibre3"><a href="Introduzione_003.html#id_RefHeading__54440_203786428" class="calibre4 pcalibre">Bits</a></li>
        <li class="calibre3"><a href="Introduzione_003.html#id_RefHeading__54442_203786428" class="calibre4 pcalibre">Things</a></li>
        <li class="calibre3"><a href="Introduzione_003.html#id_RefHeading__54444_203786428" class="calibre4 pcalibre">somehow</a></li>
        <li class="calibre3"><a href="Introduzione_003.html#id_RefHeading__54446_203786428" class="calibre4 pcalibre">Something</a></li>
      </ul>

    </li>

    <li class="calibre3"><a href="Cap_1_titolo_004.html" class="calibre4 pcalibre">blah blah</a>
...
...

"calibre3" is the only thing with some left padding defined. So I removed that and now the ToC looks better. However I would like to reduce indents between levels.
In the stylesheet there is nothing obvious, so it isn't something like "padding", or at least it is not there.

Any idea of where I cold look?

Thanks

[mrmikel]

You might be able to define top and bottom margins for li and ul in the stylesheet.

[Arkadian]

But I want to decrease only the left margin/padding/spacing/whatever... It must be defined somewhere... how does it know how much to indent by otherwise?

[mrmikel]

Open the book in the editor, go to view, tick live css, place the cursor where you are interested in and look in the live css box at the lower right of your screen. This will tell what css is active at this point and where it is from. This should allow you to track it down.

Padding-left is valid for styling lists in css. Check out w3schools.com/css for more possibilities.

[Arkadian]

Checking the live CSS was the first thing I did, but there is no evidence of a left margin/padding. They are all set to zero (or so they seem). I have lots of margin-top/bottom and some to the right, but none to the left...

[mrmikel]

The device or reading program may be imposing its own idea of how it should be. You can always change to a different reading program, but you are pretty much stuck with what the device wants to do and progress in updating and so on is slow in most devices.

Lists are kind of a problem for some readers. You can always re-do it with paragraphs, etc and get back more control that way.

[eschwartz]

Originally Posted by mrmikel

The device or reading program may be imposing its own idea of how it should be. You can always change to a different reading program, but you are pretty much stuck with what the device wants to do and progress in updating and so on is slow in most devices.

Devices will usually have sane (or not-so-sane) defaults, but assuming you explicitly set the padding/margin, the device should respect that.

Some apps are meant for flatly overriding and ignoring built-in CSS, but that is a different matter.