CSS: Modify spacing between list items

Question

I tried editing the CSS of the list but I didn't find how to properly go to the rows and adjust the height between the list elements.

Website link: https://denkimedia.com/prod/K2211001/test/

Menu opens

But I don't know how to fix the size between list elements:

The display list is abnormal

Any ideas? :)

I modified the position and whitespace in article-verticle.css to adjust the lines.

.flowpaper-reflow-tocitem{ Position: relative; blank: normal;

Padding, margins, and height have no effect on adjusting the spacing between lines.

Answer 1

Please apply the following CSS:

li.flowpaper-reflow-tocitem-listitem {
    margin-left: -13px !important;
    min-height: 38px;
    display: flex;
    align-items: center;
    background: #4f84eb;
    margin-bottom: 5px;
    border-radius: 5px;
}

li.flowpaper-reflow-tocitem-listitem .flowpaper-reflow-tocitem {
    font-family: Lato;
    color: #fff;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    white-space: break-spaces;
    line-height: 1.2;
}

You will get results like this: https://i.stack.imgur.com/ZEnPs.png

If you find any issues, please let me know