More generous gutters and margins on index pages

This commit is contained in:
MICHAEL JACKSON
2017-05-30 10:03:02 -07:00
parent 9dc0630bb3
commit 77007eacdf
2 changed files with 16 additions and 10 deletions

View File

@ -23,9 +23,13 @@ th {
text-align: left; text-align: left;
} }
th, td { th, td {
padding: 0.1em 0.25em; padding: 0.25em 0.5em;
} }
.content-wrapper {
max-width: 900px;
margin: 0 auto;
}
.version-wrapper { .version-wrapper {
line-height: 2.25em; line-height: 2.25em;
float: right; float: right;

View File

@ -30,6 +30,7 @@ const IndexPage = ({ packageInfo, version, dir, entries }) => {
e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } }) e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } })
), ),
e('body', null, e('body', null,
e('div', { className: 'content-wrapper' },
e('div', { className: 'version-wrapper' }, e('div', { className: 'version-wrapper' },
e('select', { id: 'version', defaultValue: version }, options) e('select', { id: 'version', defaultValue: version }, options)
), ),
@ -42,6 +43,7 @@ const IndexPage = ({ packageInfo, version, dir, entries }) => {
) )
) )
) )
)
} }
module.exports = IndexPage module.exports = IndexPage