From d155091eed7a7d70101ee5df5b1183fa36cdffb3 Mon Sep 17 00:00:00 2001
From: Mollusk <silvernode@gmail.com>
Date: Sun, 28 Jun 2026 17:07:59 -0400
Subject: [PATCH] style(music): center the transport controls on the player bar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The transport buttons were pushed to the far right because the
now-playing label had width(Fill). Regroup the bar into three sections
— left(Fill) identity+label, centered transport, right(Fill) position +
expand — so the controls sit in the middle. Pure widget regrouping; no
message, config, or behavior change.

Implemented by Codex (gpt-5.5), reviewed + gates re-run by Claude.

Co-Authored-By: Codex <codex@openai.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/app/mod.rs | 76 +++++++++++++++++++++++++++++++-------------------
 1 file changed, 47 insertions(+), 29 deletions(-)

diff --git a/src/app/mod.rs b/src/app/mod.rs
index a8ad0d9..9b4659d 100644
--- a/src/app/mod.rs
+++ b/src/app/mod.rs
@@ -5729,35 +5729,53 @@ fn view(state: &AppState) -> Element<'_, AppMessage> {
             .unwrap_or_else(|| "--:--".to_string());
         let player_bar = container(
             row![
-                text("♪").size(18).color(color_blue),
-                text(now_playing_label(listening_peer_name, current_track_name))
-                    .size(13)
-                    .color(color_text)
-                    .width(iced::Length::Fill),
-                button(text("⏮").size(13))
-                    .on_press(AppMessage::MusicPrev)
-                    .style(b_style(color_surface, color_blue, color_text, 6.0))
-                    .padding(7),
-                button(text(music_bar_play_label).size(13))
-                    .on_press(AppMessage::MusicPlayPause)
-                    .style(b_style(color_blue, color_lavender, color_crust, 6.0))
-                    .padding(7),
-                button(text("⏭").size(13))
-                    .on_press(AppMessage::MusicNext)
-                    .style(b_style(color_surface, color_blue, color_text, 6.0))
-                    .padding(7),
-                text(format!("{elapsed} / {duration}"))
-                    .size(11)
-                    .color(color_subtext),
-                button(text(if state.playlist_drawer_open { "⤡" } else { "⤢" }).size(13))
-                    .on_press(AppMessage::TogglePlaylistDrawer)
-                    .style(b_style(
-                        if state.playlist_drawer_open { color_blue } else { color_surface },
-                        color_blue,
-                        if state.playlist_drawer_open { color_crust } else { color_text },
-                        6.0,
-                    ))
-                    .padding(7),
+                container(
+                    row![
+                        text("♪").size(18).color(color_blue),
+                        text(now_playing_label(listening_peer_name, current_track_name))
+                            .size(13)
+                            .color(color_text),
+                    ]
+                    .spacing(8)
+                    .align_y(iced::alignment::Vertical::Center)
+                )
+                .width(iced::Length::Fill),
+                row![
+                    button(text("⏮").size(13))
+                        .on_press(AppMessage::MusicPrev)
+                        .style(b_style(color_surface, color_blue, color_text, 6.0))
+                        .padding(7),
+                    button(text(music_bar_play_label).size(13))
+                        .on_press(AppMessage::MusicPlayPause)
+                        .style(b_style(color_blue, color_lavender, color_crust, 6.0))
+                        .padding(7),
+                    button(text("⏭").size(13))
+                        .on_press(AppMessage::MusicNext)
+                        .style(b_style(color_surface, color_blue, color_text, 6.0))
+                        .padding(7),
+                ]
+                .spacing(8)
+                .align_y(iced::alignment::Vertical::Center),
+                container(
+                    row![
+                        text(format!("{elapsed} / {duration}"))
+                            .size(11)
+                            .color(color_subtext),
+                        button(text(if state.playlist_drawer_open { "⤡" } else { "⤢" }).size(13))
+                            .on_press(AppMessage::TogglePlaylistDrawer)
+                            .style(b_style(
+                                if state.playlist_drawer_open { color_blue } else { color_surface },
+                                color_blue,
+                                if state.playlist_drawer_open { color_crust } else { color_text },
+                                6.0,
+                            ))
+                            .padding(7),
+                    ]
+                    .spacing(8)
+                    .align_y(iced::alignment::Vertical::Center)
+                )
+                .width(iced::Length::Fill)
+                .align_x(iced::alignment::Horizontal::Right),
             ]
             .spacing(8)
             .align_y(iced::alignment::Vertical::Center)