style: Update recently played track styling

- Change track link colors: cyan default, green hover, blue visited
- Add equal left/right padding (12px) to track-list for centered separators
- Increase track-item top/bottom padding from 6px to 10px for better spacing
- Move track-list and track-item inside recently-played-list block for proper CSS nesting
- Addresses feedback from easilok on symmetry and breathing room
This commit is contained in:
Glenn Thompson 2025-11-21 14:21:53 +03:00 committed by Brian O'Reilly
parent 2fae9f80f4
commit 9a7b5eb50f
1 changed files with 20 additions and 17 deletions

View File

@ -151,7 +151,7 @@
:display inline-flex
:align-items center
:gap "4px"
:color "#4488ff"
:color "#00ffff"
:text-decoration none
:font-weight 500
:font-size "1em"
@ -166,23 +166,26 @@
((:and .track-link :hover)
:color "#00ff00"
:text-decoration underline
:text-underline-offset "3px"))
:text-underline-offset "3px")
((:and .recently-played-list .track-list)
((:and .track-link :visited)
:color "#4488ff")
(.track-list
:list-style none
:padding 0
:padding "0 12px"
:margin 0
:border none
:max-height none
:overflow-y visible)
((:and .recently-played-list .track-item)
:padding "6px 12px"
(.track-item
:padding "10px 0"
:border-bottom "1px solid #2a3441"
:transition "background-color 0.2s"
((:and :last-child) :border-bottom none)
((:and :hover) :background-color "#2a3441"))
((:and :hover) :background-color "#2a3441")))
((:and .recently-played-list .track-info)
:display grid