From 2a2c33c44bc66ae4e7f81e58d6f8ab343bf61a1d Mon Sep 17 00:00:00 2001
From: William Ellis <wfellis@btinternet.com>
Date: Sat, 16 May 2026 09:38:26 +0100
Subject: [PATCH 1/2] feat: add cursor-pointer thoughtout where it is
 nessasarry

---
 apps/frontend/app/components/profiles/profilePopUp.tsx | 2 +-
 apps/frontend/app/components/runs/main-content.tsx     | 4 ++--
 apps/frontend/app/components/runs/runs-metadata.tsx    | 2 +-
 apps/frontend/app/components/runs/sidebar.tsx          | 4 ++--
 apps/frontend/app/components/runs/trimPopup.tsx        | 6 +++---
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/app/components/profiles/profilePopUp.tsx b/apps/frontend/app/components/profiles/profilePopUp.tsx
index 74f82f0..ef08cf8 100644
--- a/apps/frontend/app/components/profiles/profilePopUp.tsx
+++ b/apps/frontend/app/components/profiles/profilePopUp.tsx
@@ -36,7 +36,7 @@ export const ProfilePopup = ({ isOpen, onClose, selected, onProfileUpdate }: Pro
         
         <div className="mt-4 text-right">
           <button
-            className="inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 transition-colors"
+            className="cursor-pointer inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 transition-colors"
             onClick={onClose}
           >
             Close
diff --git a/apps/frontend/app/components/runs/main-content.tsx b/apps/frontend/app/components/runs/main-content.tsx
index 44d9af3..5e4d62c 100644
--- a/apps/frontend/app/components/runs/main-content.tsx
+++ b/apps/frontend/app/components/runs/main-content.tsx
@@ -147,7 +147,7 @@ export function MainContent({
               <div className="flex items-center gap-2">
                 {!isCompareMode && (
                   <button
-                    className="flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md disabled:opacity-50"
+                    className="cursor-pointer flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md disabled:opacity-50"
                     onClick={() => setTrimOpen(true)}
                     title="Trim run bounds"
                   >
@@ -155,7 +155,7 @@ export function MainContent({
                   </button>
                 )}
                 <button 
-                  className="flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md" 
+                  className="cursor-pointer flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md" 
                   onClick={() => setIsPopupOpen(true)}
                 >
                   <UserIcon className="size-5" />
diff --git a/apps/frontend/app/components/runs/runs-metadata.tsx b/apps/frontend/app/components/runs/runs-metadata.tsx
index 0a3142e..24c72b7 100644
--- a/apps/frontend/app/components/runs/runs-metadata.tsx
+++ b/apps/frontend/app/components/runs/runs-metadata.tsx
@@ -33,7 +33,7 @@ export function RunsMetadata({ runs, jsonData, onOpenComments }: RunsMetadataPro
                 <span className="text-xs text-slate-500">{formatDate(run.date)}</span>
                 <button
                   title="Comments"
-                  className="p-1 rounded hover:bg-slate-100"
+                  className="cursor-pointer p-1 rounded hover:bg-slate-100"
                   onClick={() => onOpenComments(run)}
                 >
                   <MessageSquareText className="size-4 text-slate-600" />
diff --git a/apps/frontend/app/components/runs/sidebar.tsx b/apps/frontend/app/components/runs/sidebar.tsx
index ebeaf14..fea5732 100644
--- a/apps/frontend/app/components/runs/sidebar.tsx
+++ b/apps/frontend/app/components/runs/sidebar.tsx
@@ -247,7 +247,7 @@ export function Sidebar({ runs, selectedRunIds, setSelectedRunIds }: SidebarProp
               <div className="absolute bottom-4 right-4">
                 <button
                   onClick={() => setCollapsed(true)}
-                  className="p-2 bg-slate-200 rounded-full hover:bg-slate-300 transition-colors"
+                  className="cursor-pointer p-2 bg-slate-200 rounded-full hover:bg-slate-300 transition-colors"
                 >
                   <ArrowLeft className="size-4" />
                 </button>
@@ -266,7 +266,7 @@ export function Sidebar({ runs, selectedRunIds, setSelectedRunIds }: SidebarProp
             exit={{ x: -50, opacity: 0 }}
             transition={{ duration: 0.3 }}
             onClick={() => setCollapsed(false)}
-            className="fixed top-4 left-4 p-3 bg-slate-800 text-white rounded-full hover:bg-slate-700 z-50 shadow-lg"
+            className="cursor-pointer fixed top-4 left-4 p-3 bg-slate-800 text-white rounded-full hover:bg-slate-700 z-50 shadow-lg"
           >
             <ArrowRight className="size-4" />
           </motion.button>
diff --git a/apps/frontend/app/components/runs/trimPopup.tsx b/apps/frontend/app/components/runs/trimPopup.tsx
index fd9ecf9..6d45146 100644
--- a/apps/frontend/app/components/runs/trimPopup.tsx
+++ b/apps/frontend/app/components/runs/trimPopup.tsx
@@ -204,7 +204,7 @@ export function TrimPopup({ isOpen, run, runJson, onClose, onSave }: TrimPopupPr
           </div>
           <button
             type="button"
-            className="rounded-md border border-slate-200 px-3 py-1.5 text-sm hover:bg-slate-50"
+            className="cursor-pointer rounded-md border border-slate-200 px-3 py-1.5 text-sm hover:bg-slate-50"
             onClick={onClose}
             disabled={saving}
           >
@@ -241,7 +241,7 @@ export function TrimPopup({ isOpen, run, runJson, onClose, onSave }: TrimPopupPr
         <div className="mt-6 flex items-center justify-end gap-2">
           <button
             type="button"
-            className="rounded-md border border-slate-300 px-4 py-2 text-sm hover:bg-slate-50 disabled:opacity-60"
+            className="cursor-pointer rounded-md border border-slate-300 px-4 py-2 text-sm hover:bg-slate-50 disabled:opacity-60"
             onClick={handleReset}
             disabled={!hasData || saving}
           >
@@ -249,7 +249,7 @@ export function TrimPopup({ isOpen, run, runJson, onClose, onSave }: TrimPopupPr
           </button>
           <button
             type="button"
-            className="rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-60"
+            className="cursor-pointer rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-60"
             onClick={handleSave}
             disabled={!canSave}
           >

From a5dc25904161f3e5fded8c1757f3abf9763fa3de Mon Sep 17 00:00:00 2001
From: William Ellis <wfellis@btinternet.com>
Date: Sat, 16 May 2026 10:04:40 +0100
Subject: [PATCH 2/2] fix: moved cursor-pointer to be in the tailwind.css file

---
 apps/frontend/app/components/profiles/profilePopUp.tsx | 2 +-
 apps/frontend/app/components/runs/main-content.tsx     | 4 ++--
 apps/frontend/app/components/runs/runs-metadata.tsx    | 2 +-
 apps/frontend/app/components/runs/sidebar.tsx          | 6 +++---
 apps/frontend/app/components/runs/trimPopup.tsx        | 6 +++---
 apps/frontend/app/routes/login.tsx                     | 2 +-
 apps/frontend/app/tailwind.css                         | 7 +++++++
 7 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/apps/frontend/app/components/profiles/profilePopUp.tsx b/apps/frontend/app/components/profiles/profilePopUp.tsx
index ef08cf8..74f82f0 100644
--- a/apps/frontend/app/components/profiles/profilePopUp.tsx
+++ b/apps/frontend/app/components/profiles/profilePopUp.tsx
@@ -36,7 +36,7 @@ export const ProfilePopup = ({ isOpen, onClose, selected, onProfileUpdate }: Pro
         
         <div className="mt-4 text-right">
           <button
-            className="cursor-pointer inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 transition-colors"
+            className="inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 transition-colors"
             onClick={onClose}
           >
             Close
diff --git a/apps/frontend/app/components/runs/main-content.tsx b/apps/frontend/app/components/runs/main-content.tsx
index 5e4d62c..44d9af3 100644
--- a/apps/frontend/app/components/runs/main-content.tsx
+++ b/apps/frontend/app/components/runs/main-content.tsx
@@ -147,7 +147,7 @@ export function MainContent({
               <div className="flex items-center gap-2">
                 {!isCompareMode && (
                   <button
-                    className="cursor-pointer flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md disabled:opacity-50"
+                    className="flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md disabled:opacity-50"
                     onClick={() => setTrimOpen(true)}
                     title="Trim run bounds"
                   >
@@ -155,7 +155,7 @@ export function MainContent({
                   </button>
                 )}
                 <button 
-                  className="cursor-pointer flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md" 
+                  className="flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md" 
                   onClick={() => setIsPopupOpen(true)}
                 >
                   <UserIcon className="size-5" />
diff --git a/apps/frontend/app/components/runs/runs-metadata.tsx b/apps/frontend/app/components/runs/runs-metadata.tsx
index 24c72b7..0a3142e 100644
--- a/apps/frontend/app/components/runs/runs-metadata.tsx
+++ b/apps/frontend/app/components/runs/runs-metadata.tsx
@@ -33,7 +33,7 @@ export function RunsMetadata({ runs, jsonData, onOpenComments }: RunsMetadataPro
                 <span className="text-xs text-slate-500">{formatDate(run.date)}</span>
                 <button
                   title="Comments"
-                  className="cursor-pointer p-1 rounded hover:bg-slate-100"
+                  className="p-1 rounded hover:bg-slate-100"
                   onClick={() => onOpenComments(run)}
                 >
                   <MessageSquareText className="size-4 text-slate-600" />
diff --git a/apps/frontend/app/components/runs/sidebar.tsx b/apps/frontend/app/components/runs/sidebar.tsx
index fea5732..ec66618 100644
--- a/apps/frontend/app/components/runs/sidebar.tsx
+++ b/apps/frontend/app/components/runs/sidebar.tsx
@@ -28,7 +28,7 @@ function SidebarMenuButton({
 
   return (
     <button
-      className="w-full rounded-md group hover:bg-slate-100 flex justify-between items-center p-2 cursor-pointer"
+      className="w-full rounded-md group hover:bg-slate-100 flex justify-between items-center p-2"
       onClick={toggle}
     >
       <div className="flex items-center gap-2 w-full">
@@ -247,7 +247,7 @@ export function Sidebar({ runs, selectedRunIds, setSelectedRunIds }: SidebarProp
               <div className="absolute bottom-4 right-4">
                 <button
                   onClick={() => setCollapsed(true)}
-                  className="cursor-pointer p-2 bg-slate-200 rounded-full hover:bg-slate-300 transition-colors"
+                  className="p-2 bg-slate-200 rounded-full hover:bg-slate-300 transition-colors"
                 >
                   <ArrowLeft className="size-4" />
                 </button>
@@ -266,7 +266,7 @@ export function Sidebar({ runs, selectedRunIds, setSelectedRunIds }: SidebarProp
             exit={{ x: -50, opacity: 0 }}
             transition={{ duration: 0.3 }}
             onClick={() => setCollapsed(false)}
-            className="cursor-pointer fixed top-4 left-4 p-3 bg-slate-800 text-white rounded-full hover:bg-slate-700 z-50 shadow-lg"
+            className="fixed top-4 left-4 p-3 bg-slate-800 text-white rounded-full hover:bg-slate-700 z-50 shadow-lg"
           >
             <ArrowRight className="size-4" />
           </motion.button>
diff --git a/apps/frontend/app/components/runs/trimPopup.tsx b/apps/frontend/app/components/runs/trimPopup.tsx
index 6d45146..fd9ecf9 100644
--- a/apps/frontend/app/components/runs/trimPopup.tsx
+++ b/apps/frontend/app/components/runs/trimPopup.tsx
@@ -204,7 +204,7 @@ export function TrimPopup({ isOpen, run, runJson, onClose, onSave }: TrimPopupPr
           </div>
           <button
             type="button"
-            className="cursor-pointer rounded-md border border-slate-200 px-3 py-1.5 text-sm hover:bg-slate-50"
+            className="rounded-md border border-slate-200 px-3 py-1.5 text-sm hover:bg-slate-50"
             onClick={onClose}
             disabled={saving}
           >
@@ -241,7 +241,7 @@ export function TrimPopup({ isOpen, run, runJson, onClose, onSave }: TrimPopupPr
         <div className="mt-6 flex items-center justify-end gap-2">
           <button
             type="button"
-            className="cursor-pointer rounded-md border border-slate-300 px-4 py-2 text-sm hover:bg-slate-50 disabled:opacity-60"
+            className="rounded-md border border-slate-300 px-4 py-2 text-sm hover:bg-slate-50 disabled:opacity-60"
             onClick={handleReset}
             disabled={!hasData || saving}
           >
@@ -249,7 +249,7 @@ export function TrimPopup({ isOpen, run, runJson, onClose, onSave }: TrimPopupPr
           </button>
           <button
             type="button"
-            className="cursor-pointer rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-60"
+            className="rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-60"
             onClick={handleSave}
             disabled={!canSave}
           >
diff --git a/apps/frontend/app/routes/login.tsx b/apps/frontend/app/routes/login.tsx
index d1303a1..e945b6e 100644
--- a/apps/frontend/app/routes/login.tsx
+++ b/apps/frontend/app/routes/login.tsx
@@ -108,7 +108,7 @@ export default function Login() {
 
               <button
                 type="submit"
-                className="w-full bg-indigo-700 hover:bg-indigo-600 active:bg-indigo-800 text-white font-semibold text-sm rounded-md py-2.5 transition cursor-pointer mt-2"
+                className="w-full bg-indigo-700 hover:bg-indigo-600 active:bg-indigo-800 text-white font-semibold text-sm rounded-md py-2.5 transition mt-2"
               >
                 Log in
               </button>
diff --git a/apps/frontend/app/tailwind.css b/apps/frontend/app/tailwind.css
index c0a006b..5e8ffee 100644
--- a/apps/frontend/app/tailwind.css
+++ b/apps/frontend/app/tailwind.css
@@ -18,6 +18,13 @@
     --muted-foreground: 240 5% 64.9%;
     --border: 240 3.7% 15.9%;
   }
+
+  button:not(:disabled) {
+    @apply cursor-pointer;
+  }
+  button:disabled {
+    @apply cursor-not-allowed;
+  }
 }
 
 @theme {