diff --git a/src/modules/task/components/TaskList.vue b/src/modules/task/components/TaskList.vue
index 5877490..695117b 100644
--- a/src/modules/task/components/TaskList.vue
+++ b/src/modules/task/components/TaskList.vue
@@ -1,6 +1,6 @@
@@ -9,13 +9,15 @@ const taskStore = useTaskStore()
@@ -33,9 +35,11 @@ const taskStore = useTaskStore()
gap: 1rem;
}
-.task-list li {
+.task-list .line {
display: flex;
align-items: center;
+ justify-content: space-between;
gap: 0.5rem;
+ flex-wrap: wrap;
}
diff --git a/src/shared/format-date.ts b/src/shared/format-date.ts
index bb0bfd2..c9163fc 100644
--- a/src/shared/format-date.ts
+++ b/src/shared/format-date.ts
@@ -5,6 +5,9 @@ const isTimeSpeedUp = () => process.env.NODE_ENV === 'development'
export const formatDate = (date: Date | string) =>
new Date(date).toLocaleString()
+export const formatToShortDate = (date: Date | string) =>
+ new Date(date).toLocaleDateString()
+
export const formatLongDate = (date: Date | ISODate) =>
new Date(date).toLocaleString(undefined, {
weekday: 'long',
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index bbf2dac..6041200 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -63,7 +63,7 @@ main {
max-height: 60vh;
overflow-y: auto;
margin: 0 1rem;
- border-radius: 1rem;
+ border-radius: 0.3rem;
}
footer {