From 86db3e1868ea0b1df7497a85152eb7d62554a26a Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Thu, 9 Apr 2026 17:38:02 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20emoji=E6=8C=89=E9=92=AE=E7=BC=A9?=
 =?UTF-8?q?=E5=B0=8F(13px/4px=20padding)=EF=BC=8C=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E6=A0=8F=E4=B8=8D=E6=8D=A2=E8=A1=8C(nowrap)?=
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 | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index 52463a4..e29a476 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -89,7 +89,7 @@
     </div>
 
     <!-- Search + View Toggle + Add + PDF -->
-    <div style="display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap">
+    <div style="display:flex;gap:6px;align-items:center;margin-bottom:12px;flex-wrap:nowrap">
       <div class="search-box" style="flex:1;min-width:140px;margin-bottom:0">
         <input class="search-input" v-model="searchQuery" placeholder="搜索精油名称…" style="width:100%" />
       </div>
@@ -1266,11 +1266,12 @@ async function saveCardImage(name) {
 .toolbar-btn-icon {
   display: none;
   background: white;
-  border: 1.5px solid var(--border);
-  border-radius: 10px;
-  font-size: 16px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 13px;
   cursor: pointer;
-  padding: 6px 10px;
+  padding: 4px 7px;
+  line-height: 1;
 }
 .toolbar-btn-icon:hover {
   border-color: var(--sage);