From b40604f8a6d8cef397d663a16ce099122182291e Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 19 Mar 2025 20:47:10 +0800
Subject: [PATCH] Amount above arrow

- Needs wiring up
---
 src/components/ActivityListItem.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/ActivityListItem.vue b/src/components/ActivityListItem.vue
index cccddfb..254795e 100644
--- a/src/components/ActivityListItem.vue
+++ b/src/components/ActivityListItem.vue
@@ -107,14 +107,21 @@
 
         <!-- Arrow -->
         <div
-          class="absolute inset-28 sm:inset-x-40 mx-2 top-1/2 flex items-center"
+          class="absolute inset-x-28 sm:inset-x-40 mx-2 top-1/2 -translate-y-1/2"
         >
-          <hr
-            class="grow border-t-[18px] sm:border-t-[24px] border-slate-300"
-          />
-          <div
-            class="shrink-0 w-0 h-0 border border-slate-300 border-t-[20px] sm:border-t-[30px] border-t-transparent border-b-[20px] sm:border-b-[30px] border-b-transparent border-s-[27px] sm:border-s-[40px] border-e-0"
-          ></div>
+          <div class="text-sm text-center leading-none font-semibold">
+            88 hours
+          </div>
+
+          <div class="flex items-center">
+            <hr
+              class="grow border-t-[18px] sm:border-t-[24px] border-slate-300"
+            />
+
+            <div
+              class="shrink-0 w-0 h-0 border border-slate-300 border-t-[20px] sm:border-t-[25px] border-t-transparent border-b-[20px] sm:border-b-[25px] border-b-transparent border-s-[27px] sm:border-s-[34px] border-e-0"
+            ></div>
+          </div>
         </div>
 
         <!-- Destination -->