danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Move Artist Radio and Enhance buttons to artist info area

Browse source 
Artist Radio and Enhance Quality buttons moved from the page header
into the artist hero section (after badges, before genres). Add to
Watchlist stays in the top-right header where it was.
This commit is contained in:
Broque Thomas 2026-04-01 15:08:16 -07:00
parent 0493f566df
commit 45129263b4
2 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
webui/index.html
View file

@ -2666,18 +2666,6 @@
<span class="watchlist-icon">👁️</span>
<span class="watchlist-text">Add to Watchlist</span>
</button>
<button class="library-artist-enhance-btn hidden" id="library-artist-enhance-btn"
onclick="openEnhanceQualityModal()">
<span class="enhance-icon">⚡</span>
<span class="enhance-text">Enhance Quality</span>
</button>
<button class="library-artist-radio-btn" id="library-artist-radio-btn"
onclick="playArtistRadio()">
<span class="radio-icon">📻</span>
<span class="radio-text">Artist Radio</span>
</button>
</div>
<!-- Artist Hero Section -->
@ -2695,6 +2683,18 @@
<h1 class="artist-name" id="artist-detail-name">Artist Name</h1>
<div class="artist-hero-badges" id="artist-hero-badges"></div>
</div>
<div class="artist-hero-actions">
<button class="library-artist-radio-btn" id="library-artist-radio-btn"
onclick="playArtistRadio()">
<span class="radio-icon">📻</span>
<span class="radio-text">Artist Radio</span>
</button>
<button class="library-artist-enhance-btn hidden" id="library-artist-enhance-btn"
onclick="openEnhanceQualityModal()">
<span class="enhance-icon">⚡</span>
<span class="enhance-text">Enhance Quality</span>
</button>
</div>
<div class="artist-genres-container" id="artist-genres"></div>
<div class="artist-hero-bio" id="artist-hero-bio" style="display:none;"></div>
<div class="artist-hero-numbers">

10
webui/static/style.css
View file

@ -22073,7 +22073,15 @@ body.helper-mode-active #dashboard-activity-feed:hover {
flex-wrap: wrap;
gap: 6px;
align-items: center;
margin-bottom: 14px;
margin-bottom: 10px;
}
.artist-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-bottom: 12px;
}
.artist-hero-badge {
width: 36px;