From d43a8c669155a6710ce4c24f88f0bc4d30be300d Mon Sep 17 00:00:00 2001
From: Frank Stellmacher <171614930+Psychotoxical@users.noreply.github.com>
Date: Thu, 4 Jun 2026 11:26:57 +0200
Subject: [PATCH] fix(ui): square song-rail nav buttons (#982)

* fix(ui): square song-rail nav buttons to match other rails

The song rail's prev/next (and reroll) buttons were circular while every
other rail uses the square rounded-rect nav button. Align them.

* docs: changelog for square song-rail nav buttons (#982)
---
 CHANGELOG.md                                              | 6 ++++++
 src/styles/tracks/song-rail-mirrors-album-row-pattern.css | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4db1811f..901ace78 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -893,6 +893,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 * The minimum window size is a touch larger so the layout can no longer be shrunk past the point where it breaks.
 * On a short window the Now Playing cover scales down to fit instead of overlapping the track title.
 
+### Song rails — consistent navigation buttons
+
+**By [@Psychotoxical](https://github.com/Psychotoxical), PR [#982](https://github.com/Psychotoxical/psysonic/pull/982)**
+
+* The song rail's previous/next and reroll buttons are now square like every other rail instead of round.
+
 ## [1.46.0] - 2026-05-18
 
 > **🙏 Special thanks to [@zz5zz](https://github.com/zz5zz)** for his tireless quirk-spotting and bug reports on the [Psysonic Discord](https://discord.gg/AMnDRErm4u) — several of the polish fixes in this release landed directly off the back of his messages.
diff --git a/src/styles/tracks/song-rail-mirrors-album-row-pattern.css b/src/styles/tracks/song-rail-mirrors-album-row-pattern.css
index c17829e6..9b77962b 100644
--- a/src/styles/tracks/song-rail-mirrors-album-row-pattern.css
+++ b/src/styles/tracks/song-rail-mirrors-album-row-pattern.css
@@ -25,7 +25,9 @@
   justify-content: center;
   width: 32px;
   height: 32px;
-  border-radius: 50%;
+  /* Square to match the album/artist row nav (`.album-row-nav .nav-btn`); this
+     rail had drifted to a circle. */
+  border-radius: var(--radius-sm);
   background: var(--bg-card);
   border: 1px solid var(--border-subtle);
   color: var(--text-secondary);