Add underline to clickable media carousel headings

delfin/src/library/media_carousel.rs

@@ -81,12 +81,15 @@ impl Component for MediaCarousel {
             set_orientation: gtk::Orientation::Vertical,
             set_spacing: 16,
 
+            add_css_class: "media-carousel",
+
             gtk::Box {
                 set_orientation: gtk::Orientation::Horizontal,
 
                 gtk::Box {
                     set_spacing: 4,
                     set_cursor_from_name: if label_clickable { Some("pointer") } else { None },
+                    add_css_class?: label_clickable.then_some("clickable-title"),
 
                     gtk::Label {
                         set_label: label.as_str(),

delfin/src/styles/app.scss

@@ -1,3 +1,4 @@
+@use "library";
 @use "media-details";
 @use "media-tile";
 @use "video-player";

delfin/src/styles/library.scss

@@ -0,0 +1,11 @@
+@import "overrides";
+
+.media-carousel {
+  .clickable-title {
+    border-bottom: solid 1px transparent;
+    transition: border-bottom-color 150ms;
+    &:hover {
+      border-bottom-color: "@window_fg_color";
+    }
+  }
+}