From d94e5c75b3b1fda51b95190c72dcbd66ba13add0 Mon Sep 17 00:00:00 2001
From: Frank Stellmacher <171614930+Psychotoxical@users.noreply.github.com>
Date: Thu, 14 May 2026 21:24:51 +0200
Subject: [PATCH] fix(internet-radio): restore delete button styling on station
 cards (#698)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The delete button referenced the CSS classes `playlist-card-delete` /
`playlist-card-delete--confirm`, which were renamed to
`playlist-card-action--delete` / `--delete-confirm` long ago when
PlaylistCard was reworked. InternetRadio was missed, so the button
rendered unstyled and effectively invisible.

Wrap it in `.playlist-card-actions` and use the current classes,
matching PlaylistCard — no new CSS needed.
---
 src/components/internetRadio/RadioCard.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/internetRadio/RadioCard.tsx b/src/components/internetRadio/RadioCard.tsx
index 087af928..dff70b7a 100644
--- a/src/components/internetRadio/RadioCard.tsx
+++ b/src/components/internetRadio/RadioCard.tsx
@@ -109,14 +109,16 @@ export default function RadioCard({
           </button>
         </div>
 
-        <button
-          className={`playlist-card-delete ${deleteConfirmId === s.id ? 'playlist-card-delete--confirm' : ''}`}
-          onClick={onDelete}
-          data-tooltip={deleteConfirmId === s.id ? t('radio.confirmDelete') : t('radio.deleteStation')}
-          data-tooltip-pos="bottom"
-        >
-          {deleteConfirmId === s.id ? <Trash2 size={12} /> : <X size={12} />}
-        </button>
+        <div className="playlist-card-actions">
+          <button
+            className={`playlist-card-action playlist-card-action--delete ${deleteConfirmId === s.id ? 'playlist-card-action--delete-confirm' : ''}`}
+            onClick={onDelete}
+            data-tooltip={deleteConfirmId === s.id ? t('radio.confirmDelete') : t('radio.deleteStation')}
+            data-tooltip-pos="bottom"
+          >
+            {deleteConfirmId === s.id ? <Trash2 size={12} /> : <X size={12} />}
+          </button>
+        </div>
       </div>
 
       {/* Info */}