diff --git a/app/src/plugins/app/_theme/global.sass b/app/src/plugins/app/_theme/global.sass index afd676a..1259784 100644 --- a/app/src/plugins/app/_theme/global.sass +++ b/app/src/plugins/app/_theme/global.sass @@ -7,6 +7,8 @@ cursor: pointer max-height: 32px max-width: 32px + touch-action: manipulation + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) .pencil-icon padding: 10px background: rgba(0, 0, 0, 0.04) @@ -14,6 +16,15 @@ cursor: pointer max-height: 32px max-width: 32px + touch-action: manipulation + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) + + @media (max-width: 768px) + .trash-icon, .pencil-icon + min-height: 44px + min-width: 44px + max-height: 44px + max-width: 44px .status-badge background: #F2E7FE diff --git a/app/src/plugins/tm@dashboard/tasks-concepts/_components/a-concepts-table.vue b/app/src/plugins/tm@dashboard/tasks-concepts/_components/a-concepts-table.vue index 428bb33..a634d27 100644 --- a/app/src/plugins/tm@dashboard/tasks-concepts/_components/a-concepts-table.vue +++ b/app/src/plugins/tm@dashboard/tasks-concepts/_components/a-concepts-table.vue @@ -163,8 +163,8 @@ v-table, th, td .pencil-icon, .trash-icon border-radius: 50% - margin: 6px - padding: 6px + margin: 4px + padding: 10px .disabled opacity: 0.5 diff --git a/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue b/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue index 5597235..dcd3342 100644 --- a/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue +++ b/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue @@ -236,8 +236,8 @@ v-table, th, td .pencil-icon, .trash-icon border-radius: 50% - margin: 6px - padding: 6px + margin: 4px + padding: 10px .disabled opacity: 0.5 diff --git a/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue b/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue index 89a3914..f777347 100644 --- a/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue +++ b/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue @@ -96,7 +96,7 @@ v-table, th, td height: 20px margin-left: 12px -@media screen and (max-width: 379px) +@media screen and (max-width: 496px) .task-action div display: flex @@ -104,8 +104,8 @@ v-table, th, td .pencil-icon, .trash-icon border-radius: 50% - margin: 6px - padding: 6px + margin: 4px + padding: 10px tbody tr:hover