From ef91dd3b34058866eb82a77fcfc7d88a23028f70 Mon Sep 17 00:00:00 2001
From: kjuulh <contact@kjuulh.io>
Date: Mon, 15 Nov 2021 13:57:46 +0100
Subject: [PATCH] Preserve min-width

---
 src/client/src/components/todos/todoCheckmark.tsx | 2 +-
 src/client/src/styles/tailwind.css                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/client/src/components/todos/todoCheckmark.tsx b/src/client/src/components/todos/todoCheckmark.tsx
index 123d33f..7920d15 100644
--- a/src/client/src/components/todos/todoCheckmark.tsx
+++ b/src/client/src/components/todos/todoCheckmark.tsx
@@ -11,7 +11,7 @@ export const TodoCheckmark: FC<TodoCheckmarkProps> = (props) => (
     onClick={() =>
       props.updateTodo({ ...props.todo, status: !props.todo.status })
     }
-    className={`h-5 w-5 rounded-full border dark:border-gray-500  ${
+    className={`todo-checkmark h-5 w-5 rounded-full border dark:border-gray-500  ${
       props.todo.status === StatusState.done
         ? "dark:bg-gray-700"
         : "hover:dark:bg-gray-600"
diff --git a/src/client/src/styles/tailwind.css b/src/client/src/styles/tailwind.css
index b1c10d9..e1f7b37 100644
--- a/src/client/src/styles/tailwind.css
+++ b/src/client/src/styles/tailwind.css
@@ -34,4 +34,8 @@ input {
 
 body {
     @apply h-screen dark:bg-gray-700
+}
+
+.todo-checkmark {
+    min-width: 1.25rem;
 }
\ No newline at end of file