Increase padding to 1em

With 0.5em, when a vertical scrollbar is shown, it sits right next to
the right edge of the content, making it look like there's no right
margin.
This commit is contained in:
Damien Elmes 2022-06-06 13:09:12 +10:00
parent 0249c764b4
commit 74af380d32

View file

@ -17,6 +17,7 @@
body { body {
width: min(100vw, 70em); width: min(100vw, 70em);
margin: 0 auto; margin: 0 auto;
padding: 1em;
// pad out the underside of the footer // pad out the underside of the footer
padding-bottom: 5em; padding-bottom: 5em;
} }
@ -25,10 +26,6 @@ html {
overflow-x: hidden; overflow-x: hidden;
} }
#main {
padding: 0.5em 0.5em 1em 0.5em;
}
// override the default down arrow colour in <select> elements // override the default down arrow colour in <select> elements
.night-mode select { .night-mode select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");