diff --git a/index.html b/index.html index 7c30477..ce1ee3a 100644 --- a/index.html +++ b/index.html @@ -88,7 +88,7 @@ select option { background: #1e2132; color: #c6c8d1; } .track-item.active .col-genre { color: #87be82; } .track-item.active .col-file { color: #87be82; font-weight: 600; } .track-item.selected { background: linear-gradient(to bottom, rgba(132,160,198,0.15), rgba(132,160,198,0.08)); border-left-color: #84a0c6; } -.track-item.selected .col-title { color: #91acd1; font-weight: 600; } +.track-item.selected .col-title { color: #91acd1; } .track-item.selected .col-artist { color: #84a0c6; } .track-item.selected .col-idx { color: #84a0c6; } .track-item.selected .col-time { color: #84a0c6; } @@ -103,7 +103,8 @@ select option { background: #1e2132; color: #c6c8d1; } .track-item .col-file { color: #6b7089; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .track-item .col-time { color: #6b7089; font-size: 11px; font-variant-numeric: tabular-nums; overflow: hidden; white-space: nowrap; } .track-item .col-genre { color: #6b7089; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } -footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; } +#footerTime { font-weight: 700; } #footerStatus { font-size: 12px; font-weight: 600; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; } #footerStatus.success { color: #87be82; } #footerStatus.error { color: #e27878; }