Add separate recording tile

data/res/style.css

@@ -20,4 +20,18 @@
 
 .tile .subtitle {
   font-size: smaller;
+}
+
+.tile .work {
+  margin-top: 3px;
+}
+
+.tile .composer {
+  font-size: smaller;
+}
+
+.tile .performances {
+  margin-top: 3px;
+  margin-bottom: 3px;
+  font-size: smaller;
 }

data/ui/recording_tile.blp

@@ -0,0 +1,39 @@
+using Gtk 4.0;
+using Adw 1;
+
+template $MusicusRecordingTile : Gtk.FlowBoxChild {
+  styles ["card", "activatable", "tile"]
+
+  Gtk.Box {
+    spacing: 12;
+
+    Gtk.Image {
+      icon-name: "media-playback-start-symbolic";
+      valign: start;
+      margin-top: 12;
+    }
+
+    Gtk.Box {
+      orientation: vertical;
+      hexpand: true;
+      
+      Gtk.Label work_label {
+        styles ["work"]
+        halign: start;
+        wrap: true;
+      }
+      
+      Gtk.Label composer_label {
+        styles ["composer"]
+        halign: start;
+        wrap: true;
+      }
+
+      Gtk.Label performances_label {
+        styles ["performances", "dim-label"]
+        halign: start;
+        wrap: true;
+      }
+    }
+  }
+}

data/ui/tag_tile.blp

@@ -1,7 +1,7 @@
 using Gtk 4.0;
 using Adw 1;
 
-template $MusicusTile : Gtk.FlowBoxChild {
+template $MusicusTagTile : Gtk.FlowBoxChild {
   styles ["card", "activatable", "tile"]
 
   Gtk.Box {
@@ -11,26 +11,16 @@ template $MusicusTile : Gtk.FlowBoxChild {
     Gtk.Label title_label {
       styles ["title"]
       halign: start;
-      label: _("Title");
+      lines: 1;
+      ellipsize: end;
     }
 
     Gtk.Label subtitle_label {
       visible: false;
       styles ["subtitle", "dim-label"]
       halign: start;
-      label: _("Subtitle");
+      lines: 1;
+      ellipsize: end;
     }
   }
-}
-
-menu item_menu {
-  item {
-    label: _("_Play");
-  }
-  item {
-    label: _("_Edit");
-  }
-  item {
-    label: _("_Delete");
-  }
 }