From da34aa3a92ee41fde59db8a24a8769065e7c284c Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Wed, 6 Aug 2025 12:50:06 +0200
Subject: [PATCH] fix loading spinner layout shifts, add attributes to avoid
 1pw autofill

1Password sometimes tried to autofill the time input
---
 resources/js/packages/ui/src/LoadingSpinner.vue                 | 2 +-
 .../js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/packages/ui/src/LoadingSpinner.vue b/resources/js/packages/ui/src/LoadingSpinner.vue
index df502d16..0eb62649 100644
--- a/resources/js/packages/ui/src/LoadingSpinner.vue
+++ b/resources/js/packages/ui/src/LoadingSpinner.vue
@@ -8,7 +8,7 @@ const props = defineProps<{
 
 <template>
     <svg
-        :class="twMerge('animate-spin -ml-1 mr-3 h-5 w-5 text-text-primary', props.class)"
+        :class="twMerge('animate-spin -ml-1 mr-3 h-4 w-4 text-text-primary', props.class)"
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24">
diff --git a/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
index e82af20a..daf59e20 100644
--- a/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
@@ -135,6 +135,8 @@ function closeAndFocusInput() {
                     data-testid="time_entry_time"
                     class="w-[110px] lg:w-[130px] h-full text-text-primary py-2.5 rounded-lg border-border-secondary border text-center px-4 text-base lg:text-lg font-semibold bg-card-background border-none placeholder-muted focus:ring-0 transition"
                     type="text"
+                    autocomplete="off"
+                    name="time_duration_input"
                     @focus="pauseLiveTimerUpdate"
                     @focusin="openModalOnTab"
                     @keydown.exact.tab="focusNextElement"