From 0ba3592679c18f9ca6d263cfbfff3b060b4e7be3 Mon Sep 17 00:00:00 2001
From: Marko Djordjevic <marko.homoludens@gmail.com>
Date: Tue, 17 Feb 2026 19:42:21 +0100
Subject: [PATCH] fix: make Line tool button static next to Rect and Span

---
 src/components/Toolbox.tsx | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/components/Toolbox.tsx b/src/components/Toolbox.tsx
index afaaa39..6f7ac75 100644
--- a/src/components/Toolbox.tsx
+++ b/src/components/Toolbox.tsx
@@ -183,21 +183,16 @@ export default function Toolbox({
         >
           <Layers className="w-3.5 h-3.5" /> Span
         </button>
-        {annotationTypes
-          .filter((t) => t.category === 'line')
-          .map((type) => (
-            <button
-              key={type.id}
-              onClick={() => handleToolClick(type.name)}
-              className={`flex-1 flex items-center justify-center gap-1 px-1.5 py-1.5 text-xs rounded transition-colors ${
-                activeTool === type.name
-                  ? 'bg-primary text-primary-foreground'
-                  : 'bg-secondary/50 hover:bg-secondary text-muted-foreground hover:text-foreground'
-              }`}
-            >
-              <Minus className="w-3.5 h-3.5" /> Line
-            </button>
-          ))}
+        <button
+          onClick={() => handleToolClick('line')}
+          className={`flex-1 flex items-center justify-center gap-1 px-1.5 py-1.5 text-xs rounded transition-colors ${
+            activeTool === 'line'
+              ? 'bg-primary text-primary-foreground'
+              : 'bg-secondary/50 hover:bg-secondary text-muted-foreground hover:text-foreground'
+          }`}
+        >
+          <Minus className="w-3.5 h-3.5" /> Line
+        </button>
         <button
           onClick={() => handleToolClick('delete')}
           className={`flex-1 flex items-center justify-center gap-1 px-1.5 py-1.5 text-xs rounded transition-colors ${