fix(ui): star button sits right next to track info, not far right

- Sidebar: replace ♫ emoji with new equalizer SVG icon (icon.svg)
- Mobile header: remove duplicate logo+name next to search bar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-06-22 20:41:15 +02:00
1 parent c802ef99d7
commit e246382caf
1 file changed
+1 -5
+1 -5
View File
@@ -48,7 +48,7 @@
<aside class="sidebar" id="sidebar"> <aside class="sidebar" id="sidebar">
<div class="sidebar-header"> <div class="sidebar-header">
<div class="sidebar-logo"> <div class="sidebar-logo">
<div class="icon">♫</div> <img src="icon.svg" width="30" height="30" style="border-radius:8px;flex-shrink:0">
<span>Nova<em>Sonic</em></span> <span>Nova<em>Sonic</em></span>
</div> </div>
</div> </div>
@@ -106,10 +106,6 @@
<!-- Mobile header --> <!-- Mobile header -->
<div id="mobile-header" style="position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--border)"> <div id="mobile-header" style="position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--border)">
<div style="display:flex;align-items:center;gap:8px;padding:10px 12px"> <div style="display:flex;align-items:center;gap:8px;padding:10px 12px">
<div class="sidebar-logo" style="flex-shrink:0;gap:6px">
<div class="icon" style="width:26px;height:26px;font-size:12px;border-radius:7px">♫</div>
<span style="font-size:14px;font-weight:700">Nova<em style="color:var(--accent);font-style:normal">Sonic</em></span>
</div>
<div class="header-search-wrap"> <div class="header-search-wrap">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg> <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
<input id="header-search-input" type="text" placeholder="Suchen…" oninput="onHeaderSearch(this.value)" autocomplete="off"> <input id="header-search-input" type="text" placeholder="Suchen…" oninput="onHeaderSearch(this.value)" autocomplete="off">