From 3133a2f10c73797d66ce5edaf70cf444264109a0 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Thu, 9 Apr 2026 17:36:12 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=89=8B=E6=9C=BA=E7=89=88emoji?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=8A=A0=E5=9C=86=E8=A7=92=E8=BE=B9=E6=A1=86?=
 =?UTF-8?q?=EF=BC=8C=E4=B8=8E=E8=A7=86=E5=9B=BE=E5=88=87=E6=8D=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E9=A3=8E=E6=A0=BC=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/OilReference.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index 04efc61..52463a4 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -1265,11 +1265,16 @@ async function saveCardImage(name) {
 .toolbar-btn-text:hover { background: var(--sage-mist); }
 .toolbar-btn-icon {
   display: none;
-  background: none;
-  border: none;
-  font-size: 18px;
+  background: white;
+  border: 1.5px solid var(--border);
+  border-radius: 10px;
+  font-size: 16px;
   cursor: pointer;
-  padding: 4px;
+  padding: 6px 10px;
+}
+.toolbar-btn-icon:hover {
+  border-color: var(--sage);
+  background: var(--sage-mist);
 }
 
 @media (max-width: 480px) {