From 2fae9f80f4f2f79f0115f3968cd3566c53160983 Mon Sep 17 00:00:00 2001
From: Glenn Thompson <glennt40@gmail.com>
Date: Fri, 21 Nov 2025 10:02:52 +0300
Subject: [PATCH] fix: Correct LASS hover syntax for track links

- Move track-link styles inside recently-played-list block for proper CSS nesting
- Use (:and .track-link :hover) at correct nesting level per LASS documentation
- Fixes hover color change to green when mousing over track names
- Generates correct CSS selector: .recently-played-list .track-link:hover
---
 static/asteroid.lass | 46 ++++++++++++++++++++++----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/static/asteroid.lass b/static/asteroid.lass
index 75ca953..30dddfd 100644
--- a/static/asteroid.lass
+++ b/static/asteroid.lass
@@ -145,7 +145,28 @@
        :padding "20px"
        :font-style italic)
       
-      (.error :color "#ff4444"))
+      (.error :color "#ff4444")
+      
+      (.track-link
+       :display inline-flex
+       :align-items center
+       :gap "4px"
+       :color "#4488ff"
+       :text-decoration none
+       :font-weight 500
+       :font-size "1em"
+       :transition "all 0.2s"
+       
+       (.external-icon
+        :width "14px"
+        :height "14px"
+        :margin-left "2px"
+        :vertical-align middle))
+      
+      ((:and .track-link :hover)
+       :color "#00ff00"
+       :text-decoration underline
+       :text-underline-offset "3px"))
      
      ((:and .recently-played-list .track-list)
       :list-style none
@@ -185,28 +206,7 @@
       :font-size "0.85em"
       :grid-column 2
       :grid-row 1
-      :text-align right)
-     
-     ((:and .recently-played-list .track-link)
-      :display inline-flex
-      :align-items center
-      :gap "4px"
-      :color "#4488ff"
-      :text-decoration none
-      :font-weight 500
-      :font-size "1em"
-      :transition "all 0.2s"
-      
-      ((:and :hover)
-       :color "#00ff00"
-       :text-decoration underline
-       :text-underline-offset "3px")
-      
-      (.external-icon
-       :width "14px"
-       :height "14px"
-       :margin-left "2px"
-       :vertical-align middle)))
+      :text-align right))
 
     (.back
      :color "#00ffff"