More generous gutters and margins on index pages
This commit is contained in:
@ -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;
|
||||||
|
@ -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
|
||||||
|
Reference in New Issue
Block a user