From 37fc57d0d5a8d068917d2a81ed54bc0d500f77a8 Mon Sep 17 00:00:00 2001
From: Boof2015 <75185879+Boof2015@users.noreply.github.com>
Date: Thu, 30 Jul 2026 18:18:38 -0400
Subject: [PATCH] swap now playing button order

---
 src/components/player/NowPlayingOverlay.tsx | 80 ++++++++++-----------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/components/player/NowPlayingOverlay.tsx b/src/components/player/NowPlayingOverlay.tsx
index 8a4a4b4..2c5e994 100644
--- a/src/components/player/NowPlayingOverlay.tsx
+++ b/src/components/player/NowPlayingOverlay.tsx
@@ -1595,46 +1595,6 @@ export function NowPlayingOverlay() {
                       <FormatBadges track={track} wrap={false} variant="plain" />
                     </View>
                     <View style={styles.subActions}>
-                      <TactilePressable
-                        hitSlop={10}
-                        style={styles.subBtn} android_ripple={ripple.icon(20)}
-                        haptic="selection"
-                        onPress={showLyrics}
-                        accessibilityLabel={
-                          hasTabletCompanion
-                            ? 'Show lyrics in companion'
-                            : lyricsVisible
-                              ? 'Hide lyrics'
-                              : 'Show lyrics'
-                        }
-                        accessibilityState={{
-                          selected: hasTabletCompanion
-                            ? nowPlayingCompanion === 'lyrics'
-                            : lyricsVisible,
-                        }}
-                      >
-                        <PlayerStateIcon
-                          selected={
-                            (hasTabletCompanion && nowPlayingCompanion === 'lyrics') ||
-                            (!hasTabletCompanion && lyricsVisible)
-                          }
-                          size={SUB_ICON_SIZE + 2}
-                          inactive={
-                            <MaterialCommunityIcons
-                              name="script-text-outline"
-                              size={SUB_ICON_SIZE + 2}
-                              color={colors.textTertiary}
-                            />
-                          }
-                          active={
-                            <MaterialCommunityIcons
-                              name="script-text-outline"
-                              size={SUB_ICON_SIZE + 2}
-                              color={colors.accent}
-                            />
-                          }
-                        />
-                      </TactilePressable>
                       <TactilePressable
                         hitSlop={10}
                         style={styles.subBtn} android_ripple={ripple.icon(20)}
@@ -1675,6 +1635,46 @@ export function NowPlayingOverlay() {
                           color={colors.textTertiary}
                         />
                       </TactilePressable>
+                      <TactilePressable
+                        hitSlop={10}
+                        style={styles.subBtn} android_ripple={ripple.icon(20)}
+                        haptic="selection"
+                        onPress={showLyrics}
+                        accessibilityLabel={
+                          hasTabletCompanion
+                            ? 'Show lyrics in companion'
+                            : lyricsVisible
+                              ? 'Hide lyrics'
+                              : 'Show lyrics'
+                        }
+                        accessibilityState={{
+                          selected: hasTabletCompanion
+                            ? nowPlayingCompanion === 'lyrics'
+                            : lyricsVisible,
+                        }}
+                      >
+                        <PlayerStateIcon
+                          selected={
+                            (hasTabletCompanion && nowPlayingCompanion === 'lyrics') ||
+                            (!hasTabletCompanion && lyricsVisible)
+                          }
+                          size={SUB_ICON_SIZE + 2}
+                          inactive={
+                            <MaterialCommunityIcons
+                              name="script-text-outline"
+                              size={SUB_ICON_SIZE + 2}
+                              color={colors.textTertiary}
+                            />
+                          }
+                          active={
+                            <MaterialCommunityIcons
+                              name="script-text-outline"
+                              size={SUB_ICON_SIZE + 2}
+                              color={colors.accent}
+                            />
+                          }
+                        />
+                      </TactilePressable>
                     </View>
                   </View>
                 </View>