From 9b54222f9fa1ddb432081d13bcf968bddde44d2b Mon Sep 17 00:00:00 2001
From: Michael Suchacz <203725896+ibetitsmike@users.noreply.github.com>
Date: Sun, 30 Nov 2025 21:43:18 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20fix:=20align=20favorite=20star?=
 =?UTF-8?q?=20icon=20with=20edit/delete=20buttons=20in=20model=20settings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed TooltipWrapper inline mode from 'inline-block' to 'inline-flex items-center'
to properly center-align wrapped buttons within flex containers.
---
 src/browser/components/Tooltip.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/browser/components/Tooltip.tsx b/src/browser/components/Tooltip.tsx
index 09603c808..d040658f1 100644
--- a/src/browser/components/Tooltip.tsx
+++ b/src/browser/components/Tooltip.tsx
@@ -46,7 +46,7 @@ export const TooltipWrapper: React.FC<TooltipWrapperProps> = ({ inline = false,
     <TooltipContext.Provider value={{ isHovered, setIsHovered, triggerRef }}>
       <span
         ref={triggerRef}
-        className={cn("relative", inline ? "inline-block" : "block")}
+        className={cn("relative", inline ? "inline-flex items-center" : "block")}
         onMouseEnter={handleMouseEnter}
         onMouseLeave={handleMouseLeave}
       >