From 6c74cae0b701b92b25f13c0f6044d6b3de3141ef Mon Sep 17 00:00:00 2001
From: Frank Stellmacher <171614930+Psychotoxical@users.noreply.github.com>
Date: Sat, 30 May 2026 02:48:12 +0200
Subject: [PATCH] fix(ui): center button label text (#925)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(ui): center button label text

.btn was inline-flex with align-items:center but no justify-content, so
buttons wider than their content (min-width / flex:1) rendered the label
left-aligned — visible on the Advanced Search button (min-width 100).

* docs(changelog): centered button label (#925)
---
 CHANGELOG.md                          | 8 ++++++++
 src/styles/themes/button-variants.css | 1 +
 2 files changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index eb18d2c2..748a3458 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -324,6 +324,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Fixed
 
+### Advanced Search — centered button label
+
+**By [@Psychotoxical](https://github.com/Psychotoxical), PR [#925](https://github.com/Psychotoxical/psysonic/pull/925)**
+
+* The **Search** button's label is now centered. Buttons wider than their text (the Search button has a fixed minimum width) previously rendered the label left-aligned.
+
+
+
 ### Radio — track info in OS media controls
 
 **By [@Psychotoxical](https://github.com/Psychotoxical), reported by agriffit79 on GitHub, PR [#924](https://github.com/Psychotoxical/psysonic/pull/924)**
diff --git a/src/styles/themes/button-variants.css b/src/styles/themes/button-variants.css
index fd90f15e..7895c450 100644
--- a/src/styles/themes/button-variants.css
+++ b/src/styles/themes/button-variants.css
@@ -2,6 +2,7 @@
 .btn {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
   gap: var(--space-2);
   padding: var(--space-2) var(--space-4);
   border-radius: var(--radius-md);