From 0726c27221c5b3aa9a8442b0cf89bd6acd8dfb5a Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Sat, 12 Jul 2025 11:52:54 +0200
Subject: [PATCH] small change

---
 apps/web/src/components/background-settings.tsx  |  4 ++--
 apps/web/src/components/editor/preview-panel.tsx | 11 +++++++++--
 apps/web/src/components/editor/timeline.tsx      |  2 --
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/background-settings.tsx b/apps/web/src/components/background-settings.tsx
index bcefac1..721564e 100644
--- a/apps/web/src/components/background-settings.tsx
+++ b/apps/web/src/components/background-settings.tsx
@@ -40,9 +40,9 @@ export function BackgroundSettings() {
         <Button
           variant="text"
           size="icon"
-          className="!size-5 border border-muted-foreground"
+          className="!size-4 border border-muted-foreground"
         >
-          <BackgroundIcon className="!size-4" />
+          <BackgroundIcon className="!size-3" />
         </Button>
       </PopoverTrigger>
       <PopoverContent className="flex flex-col items-start w-[20rem] h-[16rem] overflow-hidden p-0">
diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx
index 2f76af5..5003e79 100644
--- a/apps/web/src/components/editor/preview-panel.tsx
+++ b/apps/web/src/components/editor/preview-panel.tsx
@@ -16,7 +16,7 @@ import {
   DropdownMenuTrigger,
   DropdownMenuSeparator,
 } from "@/components/ui/dropdown-menu";
-import { Play, Pause } from "lucide-react";
+import { Play, Pause, Expand } from "lucide-react";
 import { useState, useRef, useEffect } from "react";
 import { cn } from "@/lib/utils";
 import { formatTimeCode } from "@/lib/time";
@@ -447,7 +447,7 @@ function PreviewToolbar({ hasAnyElements }: { hasAnyElements: boolean }) {
           <DropdownMenuTrigger asChild>
             <Button
               size="sm"
-              className="!bg-panel-accent text-foreground/85 text-[0.75rem] h-auto rounded-none border border-muted-foreground px-0.5 py-0 font-light"
+              className="!bg-panel-accent text-foreground/85 text-[0.70rem] h-4 rounded-none border border-muted-foreground px-0.5 py-0 font-light"
               disabled={!hasAnyElements}
             >
               {getDisplayName()}
@@ -475,6 +475,13 @@ function PreviewToolbar({ hasAnyElements }: { hasAnyElements: boolean }) {
             ))}
           </DropdownMenuContent>
         </DropdownMenu>
+        <Button
+          variant="text"
+          size="icon"
+          className="!size-4 text-muted-foreground"
+        >
+          <Expand className="!size-4" />
+        </Button>
       </div>
     </div>
   );
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index cc4cc57..4fee16f 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -88,8 +88,6 @@ export function Timeline() {
     setDuration,
     isPlaying,
     toggle,
-    setSpeed,
-    speed,
   } = usePlaybackStore();
   const [isDragOver, setIsDragOver] = useState(false);
   const [isProcessing, setIsProcessing] = useState(false);