fix manual time entry button responsiveness

solidtime-io · May 2, 2024 · 98f6e8c · 98f6e8c
1 parent a3dc8c6
commit 98f6e8c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/resources/js/Pages/Time.vue b/resources/js/Pages/Time.vue
@@ -57,12 +57,13 @@ const showManualTimeEntryModal = ref(false);
         <MainContainer
             class="pt-5 sm:pt-8 pb-4 sm:pb-6 border-b border-default-background-separator">
             <div
-                class="flex items-end divide-x divide-default-background-separator space-x-2">
+                class="sm:flex items-end sm:divide-x divide-default-background-separator divide-y sm:divide-y-0 space-y-2 sm:space-y-0 sm:space-x-2">
                 <div class="flex-1">
                     <TimeTracker></TimeTracker>
                 </div>
-                <div class="pb-2 pl-4 flex justify-center">
+                <div class="pb-2 pt-2 sm:pt-0 sm:pl-4 flex justify-center">
                     <SecondaryButton
+                        class="w-full text-center flex justify-center"
                         @click="showManualTimeEntryModal = true"
                         :icon="PlusIcon"
                         >Manual time entry</SecondaryButton