diff --git a/index.css b/index.css index 6616150..193920c 100644 --- a/index.css +++ b/index.css @@ -101,6 +101,10 @@ section.select-list .entry { position: relative; display: flex; padding: .5em 1em; + border-top: 1px solid #eee; +} +section.select-list .entry:last-child { + border-bottom: 1px solid #eee; } section.select-list .entry:hover { background: #fff; @@ -129,9 +133,6 @@ section.select-list a.favoritelink { right: 1rem; cursor: pointer; } -section.select-list a.pinned { - color: #777; -} section.select-list a.favoritelink:hover { color: currentColor; } @@ -165,6 +166,13 @@ section.select-list .entry a.website:active { section.select-list a.website:active { margin-top: 1px; } +section.select-list .pinned + .entry:not(.pinned) { + border-top-color: #ccc; +} +section.select-list .pinned a.favoritelink, +section.select-list .pinned.entry:hover a.favoritelink { + color: #777; +} section.select-list .details { color: #777; font-style: italic; diff --git a/index.js b/index.js index 55a95e2..e7a9888 100644 --- a/index.js +++ b/index.js @@ -215,12 +215,12 @@ function renderSelectList() { render_info = ', bitmap'; } $('#select-font').append( - '
' + + '
' + '' + '' + v.name + '' + '' + v.author + ' (' + v.year + ') — ' + v.style + render_info + liga_info + '' + '' + - '' + + '' + pinIcon + '' + ' Info & Download' + icon + '
'