sync button only accessible when a change is made to the task (to counter unnecessary syncing)

1 files changed, 7 insertions, 1 deletions

diff --git a/src/client/views/nodes/TaskBox.scss b/src/client/views/nodes/TaskBox.scss
index cc04f7973..071fe1f7c 100644
--- a/src/client/views/nodes/TaskBox.scss
+++ b/src/client/views/nodes/TaskBox.scss
@@ -92,10 +92,16 @@ input[type='datetime-local'] {
     white-space: nowrap;
     transition: background-color 0.2s ease;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-    
+
     &:hover {
         background-color: #4773b0; // darker shade of your base blue
         color: white;
         transform: scale(1.01); // subtle hover feel without real size change
     }
+
+    &:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+        pointer-events: none;
+      }
 }