From c698e828615d744771ac1edb5b28882bd6540b9f Mon Sep 17 00:00:00 2001
From: Ian Chesal <ian.chesal@gmail.com>
Date: Sun, 19 Apr 2026 08:17:22 -0400
Subject: [PATCH] fix: Swap order of download and watched buttons

This makes the `Mark Watched` button appear on the far right always so
it's one, nice visual column.
---
 src/components/movie-row.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/movie-row.tsx b/src/components/movie-row.tsx
index 3e9101a..ff18e0d 100644
--- a/src/components/movie-row.tsx
+++ b/src/components/movie-row.tsx
@@ -150,13 +150,6 @@ export function MovieRow({
         <div className="flex items-center gap-1.5 flex-shrink-0 justify-end">
           {isStreamable ? (
             <>
-              <Button
-                size="sm"
-                className="text-xs bg-amber-600 hover:bg-amber-700 text-white"
-                onClick={() => onMarkWatched(movie)}
-              >
-                Mark Watched
-              </Button>
               <Button
                 size="sm"
                 variant="outline"
@@ -165,6 +158,13 @@ export function MovieRow({
               >
                 Download Now
               </Button>
+              <Button
+                size="sm"
+                className="text-xs bg-amber-600 hover:bg-amber-700 text-white"
+                onClick={() => onMarkWatched(movie)}
+              >
+                Mark Watched
+              </Button>
             </>
           ) : movie.seerrStatus === "available" ? (
             <Button