docs: Make sidebar more readable

and tappable - more line-height, larger fonts in narrow mode.

In turn the search box really doesn't need that massive margin above.
This commit is contained in:
Fabian Homborg 2021-06-03 19:03:40 +02:00
parent 44a6795ead
commit a17f7468b7

View file

@ -66,7 +66,7 @@ form.inline-search input[type="submit"] {
div.sphinxsidebar { div.sphinxsidebar {
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
border-radius: 0px; border-radius: 0px;
line-height: 130%; line-height: 150%;
font-size: smaller; font-size: smaller;
margin-left: 0; margin-left: 0;
float: left; float: left;
@ -107,7 +107,7 @@ div#searchbox {
} }
div.sphinxsidebar h3, div.sphinxsidebar h4 { div.sphinxsidebar h3, div.sphinxsidebar h4 {
margin-top: 1.5em; margin-top: 1em;
} }
div.sphinxsidebarwrapper > h3:first-child { div.sphinxsidebarwrapper > h3:first-child {
@ -261,6 +261,7 @@ dl > dt span ~ em {
- the sidebar, the gradient background, ... */ - the sidebar, the gradient background, ... */
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
div.sphinxsidebar { div.sphinxsidebar {
font-size: 16px;
width: 100%; width: 100%;
height: auto; height: auto;
position: relative; position: relative;