fix r4 tracks and discogs links

radio4000 · Apr 25, 2024 · 2334fcd · 2334fcd
1 parent b1ab3fc
commit 2334fcd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/r4-track.js b/src/components/r4-track.js
@@ -128,7 +128,9 @@ export default class R4Track extends LitElement {
 	}
 
 	renderDiscogsUrl() {
-		return html`<r4-track-discogs-url><a href="${this.track.discogs_url}">Discogs</a></r4-track-discogs-url>`
+		return html`<r4-track-discogs-url
+			><a href="${this.track.discogs_url}" target="_blank" rel="noopener noreferrer">Discogs</a></r4-track-discogs-url
+		>`
 	}
 
 	renderTags() {
@@ -143,7 +145,7 @@ export default class R4Track extends LitElement {
 
 	renderMentions() {
 		return html` <r4-track-mentions>
-			<menu> ${this.track.mentions?.map((m) => this.renderMention(m))} </menu>
+			<menu>${this.track.mentions?.map((m) => this.renderMention(m))}</menu>
 		</r4-track-mentions>`
 	}
 
@@ -174,7 +176,7 @@ export default class R4Track extends LitElement {
 									<li>
 										<button type="button" role="menuitem" @click=${() => this.openDialog('delete')}>Delete</button>
 									</li>
-							  `
+								`
 							: null}
 					</menu>
 				</details>

diff --git a/src/index.css b/src/index.css
@@ -454,7 +454,7 @@ radio4000-player .PlayerControl-group .Btn {
 /* button + title + actions */
 r4-track {
 	display: grid;
-	grid-template-columns: auto 1fr auto;
+	grid-template-columns: auto 1fr auto auto;
 	gap: 0 calc(var(--s) / 2);
 	align-items: center;
 }