docs/theme: Fix padding on small screens

This had the text overflowing the screen.

Now it should center nicely.
This commit is contained in:
Fabian Homborg 2021-01-25 21:34:42 +01:00
parent 5b366b9cb5
commit 159c2aae1f

View file

@ -59,25 +59,6 @@ div.sphinxsidebar {
float: none;
}
/* On screens that are less than 700px wide remove anything non-essential
- the sidebar, the gradient background, ... */
@media screen and (max-width: 700px) {
div.sphinxsidebar {
width: 100%;
height: auto;
position: relative;
}
div.content {margin-left: 0;}
div.bodywrapper { margin: 0; }
div#fmain {
border-radius: 0px;
margin: 0;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
}
div.sphinxsidebar h3, div.sphinxsidebar h4 {
margin-top: 1.5em;
}
@ -233,3 +214,31 @@ div.footer a:hover {
dl > dt span ~ em {
font-family: monospace, sans-serif;
}
/* On screens that are less than 700px wide remove anything non-essential
- the sidebar, the gradient background, ... */
@media screen and (max-width: 700px) {
div.sphinxsidebar {
width: 100%;
height: auto;
position: relative;
}
div.content {margin-left: 0;}
div.bodywrapper {
margin: 0;
}
div.body {
padding: 1rem;
}
div#fmain {
border-radius: 0px;
margin: 0;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
width: 100%;
padding: 0;
}
}