style(music): center the transport controls on the player bar

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>
This commit is contained in:
2026-06-28 17:07:59 -04:00
co-authored by Codex Claude Opus 4.8
parent b553a94875
commit d155091eed
+19 -1
View File
@@ -5728,12 +5728,19 @@ fn view(state: &AppState) -> Element<'_, AppMessage> {
.map(format_clip_time)
.unwrap_or_else(|| "--:--".to_string());
let player_bar = container(
row![
container(
row![
text("").size(18).color(color_blue),
text(now_playing_label(listening_peer_name, current_track_name))
.size(13)
.color(color_text)
.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))
@@ -5746,6 +5753,11 @@ fn view(state: &AppState) -> Element<'_, AppMessage> {
.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),
@@ -5762,6 +5774,12 @@ fn view(state: &AppState) -> Element<'_, AppMessage> {
.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)
)
.style(c_style(color_mantle, color_surface, 8.0))
.padding(10)
.width(iced::Length::Fill)