diff --git a/js/ui.js b/js/ui.js
index 001f293..58a7b6a 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -1233,7 +1233,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
${this.createSkeletonTracks(10, false)}
`;
@@ -1287,7 +1287,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
`;
@@ -1465,7 +1465,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
`;
this.renderListWithTracks(tracklistContainer, updatedPlaylist.tracks, true);
@@ -1536,7 +1536,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
${this.createSkeletonTracks(10, true)}
`;
@@ -1588,7 +1588,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
`;
@@ -1687,7 +1687,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
`;
@@ -1750,7 +1750,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
${this.createSkeletonTracks(10, true)}
`;
@@ -1791,7 +1791,7 @@ export class UIRenderer {
#
Title
- ${SVG_MENU}
+ Menu
`;
diff --git a/styles.css b/styles.css
index 1a5431a..b965322 100644
--- a/styles.css
+++ b/styles.css
@@ -1118,6 +1118,13 @@ body.has-page-background .track-item:hover {
display: flex;
}
+:root[data-track-actions-mode='inline'] .track-list-header,
+:root[data-track-actions-mode='inline'] .track-item,
+:root[data-track-actions-mode='inline'] .skeleton-track,
+:root[data-track-actions-mode='inline'] #playlist-detail-tracklist .track-list-header {
+ grid-template-columns: 40px 1fr 80px 175px;
+}
+
.track-item:hover .track-actions-inline {
opacity: 1;
}