From ecfc80c349a6538e144886138022b42f1d6716a4 Mon Sep 17 00:00:00 2001
From: thibaud-leclere <thibaud.leclere@lundimatin.fr>
Date: Tue, 31 Mar 2026 11:09:57 +0200
Subject: [PATCH] =?UTF-8?q?style:=20redesign=20hint=20buttons=20=E2=80=94?=
 =?UTF-8?q?=20rectangular=20pink=20with=20white=20icon,=20more=20spacing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/styles/app.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index 5410bb6..b3dc066 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -46,6 +46,10 @@ body {
     vertical-align: middle;
 }
 
+#actors td:first-child {
+    padding-right: 12px;
+}
+
 .letter-input {
     width: 38px;
     height: 38px;
@@ -99,26 +103,24 @@ body {
 /* ── Popover ── */
 
 .popover-trigger {
-    width: 28px;
+    width: 38px;
     height: 28px;
-    border-radius: 50%;
-    border: 1.5px solid var(--border);
-    background: var(--surface);
+    border-radius: 6px;
+    border: none;
+    background: #F02287;
     cursor: pointer;
-    font-size: 12px;
+    font-size: 14px;
     font-weight: 600;
-    color: var(--text-muted);
+    color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: border-color 0.15s, color 0.15s, background 0.15s;
+    transition: background 0.15s;
     box-shadow: 0 1px 3px var(--shadow-warm);
 }
 
 .popover-trigger:hover {
-    border-color: var(--orange);
-    color: var(--orange);
-    background: var(--surface-tint);
+    background: #d41a76;
 }
 
 .actor-popover {