nimueth: (Default)
Nimueth ([personal profile] nimueth) wrote in [community profile] style_system2019-05-14 11:21 pm

Spacing in the navigation links

I noticed that the latest code push somewhat messed up my navigation links by reducing the space between each link.

Is it possible to increase the spacing? It looks very clogged right now and it's messing with my sense of balance. I can play with the values to see what looks best, but I have no idea what the code should be.
momijizukamori: Grey tabby cat with paws on keyboard and mouse. The text reads 'code cat is on the job', lolcats-style (CODE CAT)

[personal profile] momijizukamori 2019-05-15 02:21 am (UTC)(link)
It looks like you have this section in your custom CSS:
#header li {
padding: 0 !important;
}
.recent, .archive, .read, network, .tags, .memories, .userinfo {
padding: 10px;
}
#header .tags {
display: none;
}
#header .network {
display: none;
}


And now it should be:
#header .module-navlinks li {
padding: 10px;
}

.list-item-tags, .list-item-network {
display: none;
}


(I didn't intend to remove the old css classes on the header link items when I added classes to the list items, but apparently I did, and we have pushed a fix for that yet, so people can use their old code)
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2019-05-15 05:50 pm (UTC)(link)

oh - add !important after the display:none. There's another display:inline that's overriding it so they're still being shown (and padded).

momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2019-05-15 07:58 pm (UTC)(link)

Awesome, glad to help!