From 0499078407faa591b6fd4d206719b20cdaae4da0 Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Wed, 22 Oct 2025 14:55:41 +0000
Subject: [PATCH] Increase delete button hitbox in chat history list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added p-2 padding to the dropdown menu trigger buttons for both
regular and archived chats. This increases the clickable area from
16px to ~32px while keeping the icon size the same, making it easier
to click the delete button without accidentally opening the chat.

Fixes #281

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-authored-by: Anthony <AnthonyRonning@users.noreply.github.com>
---
 frontend/src/components/ChatHistoryList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ChatHistoryList.tsx b/frontend/src/components/ChatHistoryList.tsx
index 67c1a6152..53f83501f 100644
--- a/frontend/src/components/ChatHistoryList.tsx
+++ b/frontend/src/components/ChatHistoryList.tsx
@@ -464,7 +464,7 @@ export function ChatHistoryList({
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <button
-                  className={`z-50 bg-background/80 absolute right-2 top-1/2 transform -translate-y-1/2 text-primary transition-opacity ${
+                  className={`z-50 bg-background/80 absolute right-2 top-1/2 transform -translate-y-1/2 text-primary transition-opacity p-2 ${
                     isMobile ? "opacity-100" : "opacity-0 group-hover:opacity-100"
                   }`}
                   onClick={(e) => {
@@ -541,7 +541,7 @@ export function ChatHistoryList({
                     <DropdownMenu>
                       <DropdownMenuTrigger asChild>
                         <button
-                          className={`z-50 bg-background/80 absolute right-2 top-1/2 transform -translate-y-1/2 text-primary transition-opacity ${
+                          className={`z-50 bg-background/80 absolute right-2 top-1/2 transform -translate-y-1/2 text-primary transition-opacity p-2 ${
                             isMobile ? "opacity-100" : "opacity-0 group-hover:opacity-100"
                           }`}
                           onClick={(e) => {