From 20e53f69ea8054a4a66d12173899a943514cd4f4 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Mon, 15 Sep 2025 09:18:40 +0200
Subject: [PATCH] style: enhance emoji rendering in TaskCard - Updated emoji
 display in TaskCard to use a specific font family for better visual
 consistency. - Added `font-emoji` class and inline styles to ensure proper
 rendering of emojis across different platforms.

---
 components/kanban/TaskCard.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/kanban/TaskCard.tsx b/components/kanban/TaskCard.tsx
index 4f48340..e724363 100644
--- a/components/kanban/TaskCard.tsx
+++ b/components/kanban/TaskCard.tsx
@@ -110,7 +110,14 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
           {emojis.length > 0 && (
             <div className="flex gap-1 flex-shrink-0">
               {emojis.slice(0, 1).map((emoji, index) => (
-                <span key={index} className="text-sm opacity-80">
+                <span 
+                  key={index} 
+                  className="text-sm opacity-80 font-emoji"
+                  style={{ 
+                    fontFamily: 'Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif',
+                    fontVariantEmoji: 'normal'
+                  }}
+                >
                   {emoji}
                 </span>
               ))}
@@ -183,7 +190,14 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
         {emojis.length > 0 && (
           <div className="flex gap-1 flex-shrink-0">
             {emojis.slice(0, 2).map((emoji, index) => (
-              <span key={index} className="text-sm opacity-80">
+              <span 
+                key={index} 
+                className="text-sm opacity-80 font-emoji"
+                style={{ 
+                  fontFamily: 'Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif',
+                  fontVariantEmoji: 'normal'
+                }}
+              >
                 {emoji}
               </span>
             ))}