From 6e10fc21c377d75d37b928c37c575d53504ac625 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sun, 12 Oct 2025 12:23:17 -0500
Subject: [PATCH] UI tweaks (#20450)

* fix desktop settings view

* move mark as review button to left side of previews in filmstrip
---
 web/src/components/card/AnimatedEventCard.tsx | 2 +-
 web/src/pages/Settings.tsx                    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/card/AnimatedEventCard.tsx b/web/src/components/card/AnimatedEventCard.tsx
index 20d39efe2..b0773eba0 100644
--- a/web/src/components/card/AnimatedEventCard.tsx
+++ b/web/src/components/card/AnimatedEventCard.tsx
@@ -145,7 +145,7 @@ export function AnimatedEventCard({
             <Tooltip>
               <TooltipTrigger asChild>
                 <Button
-                  className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"
+                  className="absolute left-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"
                   size="xs"
                   aria-label={t("markAsReviewed")}
                   onClick={async () => {
diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index a4a9a17d5..1c9b5166b 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -452,7 +452,7 @@ export default function Settings() {
       </div>
       <SidebarProvider>
         <Sidebar variant="inset" className="relative mb-8 pl-0 pt-0">
-          <SidebarContent className="scrollbar-container mb-20 overflow-y-auto border-r-[1px] border-secondary bg-background py-2">
+          <SidebarContent className="scrollbar-container mb-24 overflow-y-auto border-r-[1px] border-secondary bg-background py-2">
             <SidebarMenu>
               {settingsGroups.map((group) => {
                 const filteredItems = group.items.filter((item) =>
@@ -538,7 +538,7 @@ export default function Settings() {
           </SidebarContent>
         </Sidebar>
         <SidebarInset>
-          <div className="flex-1 overflow-auto p-2 pr-0">
+          <div className="scrollbar-container mb-24 flex-1 overflow-y-auto p-2 pr-0">
             {(() => {
               const CurrentComponent = getCurrentComponent(page);
               if (!CurrentComponent) return null;