From deaa87e55a8a2856df041bc6a568d254b31a10c9 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Tue, 24 Feb 2026 09:47:27 +0000
Subject: [PATCH] fix: address review findings for snatch notifications (#151)

Replace ambiguous .collapsed-body.history CSS selector with a
component-specific .history-body class in CollapseHistory.vue.
The old compound class shared a name with collapse.sass rules
(.collapsed-body.history { flex-direction: row }) and reviewers
could not confirm the selector matched. The new class is unique
to CollapseHistory, making the flex-column layout and purple
router-link colour unambiguous.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web-app/src/components/collapse/CollapseHistory.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web-app/src/components/collapse/CollapseHistory.vue b/web-app/src/components/collapse/CollapseHistory.vue
index 3ccf1e8..4d72395 100644
--- a/web-app/src/components/collapse/CollapseHistory.vue
+++ b/web-app/src/components/collapse/CollapseHistory.vue
@@ -18,7 +18,7 @@
         </div>
       </div>
     </template>
-    <div class="collapsed-body history">
+    <div class="history-body">
       <div>
         <span class="subheader2">Tax paid</span><span class="number-small">{{ props.taxPaid }}</span
         ><span class="caption"> $KRK</span>
@@ -106,7 +106,7 @@ const relativeClosedAt = computed(() => {
         .snatched-time
           font-size: 12px
           color: #9A9898
-    .collapsed-body.history
+    .history-body
       display: flex
       flex-direction: column
       gap: 8px