diff --git a/apps/web/src/lib/ui/data/TaskItem.svelte b/apps/web/src/lib/ui/data/TaskItem.svelte
index 847c980..3d80699 100644
--- a/apps/web/src/lib/ui/data/TaskItem.svelte
+++ b/apps/web/src/lib/ui/data/TaskItem.svelte
@@ -11,6 +11,7 @@
import Popover from "$lib/ui/feedback/Popover.svelte";
import { normalizeDigits, buildWaMeUrl } from "$lib/utils/phone";
import { colorForGroup } from "$lib/utils/groupColor";
+ import Hourglass from "$lib/ui/icons/Hourglass.svelte";
export let id: number;
export let description: string;
@@ -285,7 +286,8 @@
class:soon={imminent}
title={overdue ? "Vencida" : imminent ? "Próxima" : "Fecha"}
>
- 📅 {dateDmy}{#if overdue}
+
+ {dateDmy}{#if overdue}
⚠{/if}
{/if}
@@ -392,7 +394,7 @@
aria-label="Editar fecha"
title="Editar fecha"
on:click|preventDefault={toggleEdit}
- disabled={busy}>🗓️ Fecha Fecha
{:else}
@@ -517,6 +519,9 @@
font-size: 12px;
}
.date-badge {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
padding: 4px 6px;
border-radius: 6px;
border: 1px solid transparent;
diff --git a/apps/web/src/lib/ui/icons/Hourglass.svelte b/apps/web/src/lib/ui/icons/Hourglass.svelte
new file mode 100644
index 0000000..a48e38a
--- /dev/null
+++ b/apps/web/src/lib/ui/icons/Hourglass.svelte
@@ -0,0 +1,27 @@
+
+
+