diff --git a/frontend/src/components/track-details/track-details.ts b/frontend/src/components/track-details/track-details.ts index c5cafcc..87caf63 100644 --- a/frontend/src/components/track-details/track-details.ts +++ b/frontend/src/components/track-details/track-details.ts @@ -510,6 +510,20 @@ export class TrackDetails extends LitElement { color: var(--yj-text-tertiary, #888); } + .main-field-group { + display: flex; + flex-direction: column; + gap: 2px; + } + + .main-field-label { + font-size: var(--yj-text-xs); + font-weight: 500; + color: var(--yj-text-tertiary, #888); + text-transform: uppercase; + letter-spacing: 0.5px; + } + .mixed-value { color: var(--yj-text-tertiary, #888); font-style: italic; @@ -812,42 +826,51 @@ export class TrackDetails extends LitElement { Editing ${this.batchTracks.length} tracks - - this.onEditInput('title', e)} - placeholder=${titleField?.mixed - ? 'Multiple values' - : 'Title'} - /> - - this.onEditInput('artist', e)} - placeholder=${artistField?.mixed - ? 'Multiple values' - : 'Artist'} - /> - - this.onEditInput('album', e)} - placeholder=${albumField?.mixed - ? 'Multiple values' - : 'Album'} - /> +