diff --git a/download.html b/download.html index b6fd7abab4..3b43f8e4ff 100644 --- a/download.html +++ b/download.html @@ -11,11 +11,25 @@ form label { display: block; padding: .2em; + padding-left: 1.9em; + page-break-inside: avoid; + break-inside: avoid; + -webkit-column-break-inside: avoid; } -form input { - margin-right: .7em; -} + form label .name { + margin-right: .3em; + } + + form label a.owner { + margin-left: 0; + hyphens: none; + } + + form label input { + margin-right: .7em; + margin-left: -1.7em; + } form > p:first-of-type > label { font-size: 150%; @@ -24,7 +38,7 @@ form > p:first-of-type > label input { vertical-align: .3em; } - + .filesize:empty { display: none; } @@ -113,7 +127,7 @@ border-top-right-radius: 0; border-bottom-right-radius: 0; } - + #download-css .download-button { background-color: #dc9e23; border-top-left-radius: 0; @@ -129,7 +143,7 @@
- +

Customize your download

Select your compression level, as well as the languages and plugins you need.

@@ -141,29 +155,29 @@

Customize your download

- +
- +

Total filesize: ( JavaScript + CSS)

Note: The filesizes displayed refer to non-gizipped files and include any CSS code required. The CSS code is not minified.

- +
Download JS
- +
Download CSS
- + - + @@ -176,4 +190,4 @@

Customize your download

- \ No newline at end of file + diff --git a/download.js b/download.js index 5db493a06c..7bc05d09de 100644 --- a/download.js +++ b/download.js @@ -220,10 +220,18 @@ for (var category in components) { all.meta.link? { tag: 'a', properties: { - href: all.meta.link.replace(/\{id}/g, id) + href: all.meta.link.replace(/\{id}/g, id), + className: 'name' }, contents: info.title - } : info.title, + } : { + tag: 'span', + properties: { + className: 'name' + }, + contents: info.title + }, + ' ', all[id].owner? { tag: 'a', properties: { @@ -574,4 +582,4 @@ function getVersion() { }); } -})(); \ No newline at end of file +})();