Distance between h1 and previous/next buttons to large on mobile
hagenw opened this issue · 7 comments
When using the theme on a desktop the space between the main title and the next and previous buttons looks fine to me, but on a mobile it seems a little bit too much.
I agree.
I guess we could also reduce the space on wide screens.
We could probably remove (or reduce) the padding-top of div.body?
Please note that it is theoretically possible to have content before the first headline, see e.g. https://insipid-sphinx-theme.readthedocs.io/en/0.2.7/showcase/sections.html.
BTW, there is a "breadcrumbs" option that should also be considered when changing the spacing.
I've just created a new branch with an example configuration that includes the "breadcrumbs" feature: https://insipid-sphinx-theme.readthedocs.io/en/breadcrumbs/
I've created #71 to hopefully solve this issue.
I've also removed some space at the top and bottom of the previous/next links.
Is that enough?
It now looks like this
The distance is reduced from ~105 pixels to ~75 pixels.
I think this should be sufficient.
The space on top of the next and previous buttons is now slightly too small in my opinion, maybe you could reduce it by only half the current value?
Yeah, I thought it would be OK, but now that you mention it, I see that the space is too small.
In b86bbab, I've kept the top padding and only removed the bottom padding.
What do you think about that?
Here's the preview: https://insipid-sphinx-theme--71.org.readthedocs.build/en/71/
Yes, that looks good to me.