From 5ec4b3d1266d89dda6cf43256b729f958e5dabe4 Mon Sep 17 00:00:00 2001
From: Jakob <jakob.roehrl@web.de>
Date: Thu, 29 Aug 2019 08:10:52 +0200
Subject: [PATCH 1/8] first try to implement the nextcloud checkbox design

Signed-off-by: Jakob <jakob.roehrl@web.de>
---
 src/components/Task.vue       | 14 ++++++++++++--
 src/components/TheDetails.vue | 14 ++++++++++++--
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/components/Task.vue b/src/components/Task.vue
index e6f744d5..cac5f7bc 100644
--- a/src/components/Task.vue
+++ b/src/components/Task.vue
@@ -40,7 +40,7 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 				/>
 			</div>
 
-			<span :aria-checked="task.completed"
+			<!-- <span :aria-checked="task.completed"
 				:aria-label="t('tasks', 'Task is completed')"
 				class="task-checkbox"
 				name="toggleCompleted"
@@ -48,7 +48,17 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 				@click="toggleCompleted(task)"
 			>
 				<span :class="{'icon-checkmark': task.completed, 'disabled': task.calendar.readOnly}" class="icon icon-bw task-checkbox reactive no-nav" />
-			</span>
+			</span> -->
+
+			<input id="toggleCompleted"
+				type="checkbox"
+				class="checkbox task-checkbox"
+				name="toggleCompleted"
+				:checked="task.completed"
+				@click="toggleCompleted(task)"
+			>
+			<label for="toggleCompleted" />
+
 			<span class="icon task-separator" />
 			<span class="task-star" @click="toggleStarred(task)">
 				<span :class="[iconStar, {'disabled': task.calendar.readOnly}]" class="icon right large reactive no-nav" />
diff --git a/src/components/TheDetails.vue b/src/components/TheDetails.vue
index 71e326d6..99941c40 100644
--- a/src/components/TheDetails.vue
+++ b/src/components/TheDetails.vue
@@ -26,14 +26,24 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 			class="flex-container"
 		>
 			<div :class="{'editing': edit=='summary'}" class="title">
-				<a :aria-checked="task.completed"
+				<!-- <a :aria-checked="task.completed"
 					:aria-label="t('tasks', 'Task is completed')"
 					class="checkbox reactive"
 					role="checkbox"
 					@click="toggleCompleted(task)"
 				>
 					<span :class="{'icon-checkmark': task.completed, 'disabled': task.calendar.readOnly}" class="icon icon-bw detail-checkbox" />
-				</a>
+				</a> -->
+
+				<input id="toggleCompleted"
+					type="checkbox"
+					class="checkbox task-checkbox"
+					name="toggleCompleted"
+					:checked="task.completed"
+					@click="toggleCompleted(task)"
+				>
+				<label for="toggleCompleted" />
+
 				<a class="star reactive" @click="toggleStarred(task)">
 					<span :class="[{'disabled': task.calendar.readOnly}, iconStar]"
 						class="icon"

From 94f9814e14f8ad339d72150fbd12c3496cd6def1 Mon Sep 17 00:00:00 2001
From: Jakob <jakob.roehrl@web.de>
Date: Fri, 30 Aug 2019 10:40:27 +0200
Subject: [PATCH 2/8] some changes

Signed-off-by: Jakob <jakob.roehrl@web.de>
---
 css/src/style.scss            |  6 +++++-
 src/components/Task.vue       |  4 +++-
 src/components/TheDetails.vue | 38 ++++++++++++++---------------------
 3 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/css/src/style.scss b/css/src/style.scss
index c673442d..9a1f645c 100644
--- a/css/src/style.scss
+++ b/css/src/style.scss
@@ -1217,9 +1217,13 @@
 		border-radius: 3px;
 		border: 1px solid var(--color-main-text);
 		float: left;
-		margin: 9px;
+		margin: 7px 7px;
+		padding: 9px;
 		opacity: 0.5;
 
+		&.icon-checkmark {
+			margin-top: 10px;
+		}
 		&:not(.icon-checkmark) {
 			background: unset;
 		}
diff --git a/src/components/Task.vue b/src/components/Task.vue
index cac5f7bc..a2566175 100644
--- a/src/components/Task.vue
+++ b/src/components/Task.vue
@@ -50,11 +50,13 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 				<span :class="{'icon-checkmark': task.completed, 'disabled': task.calendar.readOnly}" class="icon icon-bw task-checkbox reactive no-nav" />
 			</span> -->
 
-			<input id="toggleCompleted"
+			<input :id="'toggleCompleted_' + task.uid"
 				type="checkbox"
 				class="checkbox task-checkbox"
 				name="toggleCompleted"
+				:class="{'disabled': task.calendar.readOnly}"
 				:checked="task.completed"
+				:aria-label="t('tasks', 'Task is completed')"
 				@click="toggleCompleted(task)"
 			>
 			<label for="toggleCompleted" />
diff --git a/src/components/TheDetails.vue b/src/components/TheDetails.vue
index 99941c40..cfcc70b5 100644
--- a/src/components/TheDetails.vue
+++ b/src/components/TheDetails.vue
@@ -26,22 +26,15 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 			class="flex-container"
 		>
 			<div :class="{'editing': edit=='summary'}" class="title">
-				<!-- <a :aria-checked="task.completed"
-					:aria-label="t('tasks', 'Task is completed')"
-					class="checkbox reactive"
-					role="checkbox"
-					@click="toggleCompleted(task)"
-				>
-					<span :class="{'icon-checkmark': task.completed, 'disabled': task.calendar.readOnly}" class="icon icon-bw detail-checkbox" />
-				</a> -->
-
-				<input id="toggleCompleted"
+				
+				<input :id="'toggleCompleted_' + task.uid"
 					type="checkbox"
 					class="checkbox task-checkbox"
 					name="toggleCompleted"
+					:class="{'disabled': task.calendar.readOnly}"
 					:checked="task.completed"
-					@click="toggleCompleted(task)"
-				>
+					:aria-label="t('tasks', 'Task is completed')"
+					@click="toggleCompleted(task)">
 				<label for="toggleCompleted" />
 
 				<a class="star reactive" @click="toggleStarred(task)">
@@ -139,18 +132,17 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 							</a>
 						</div>
 					</li>
-					<li v-show="isAllDayPossible"
-						:aria-checked="task.allDay"
-						class="section detail-all-day reactive"
-						role="checkbox"
+					
+					<li>
+						<input v-if="isAllDayPossible" 
+						type="checkbox"
+						class="checkbox section detail-all-day reactive"
+						name="isAllDayPossible"
+						:class="{'disabled': task.calendar.readOnly}"
+						:checked="task.allDay"
 						@click="toggleAllDay(task)"
-					>
-						<div>
-							<span :class="{'icon-checkmark': task.allDay, 'disabled': task.calendar.readOnly}" class="icon icon-bw detail-checkbox" />
-							<span class="section-title">
-								{{ t('tasks', 'All day') }}
-							</span>
-						</div>
+						>
+						<label for="isAllDayPossible">{{ t('tasks', 'All day') }}</label>
 					</li>
 					<li class="section detail-calendar reactive">
 						<div v-click-outside="() => finishEditing('calendar')"

From 49d65393fca95ed4d77ad97b326c6d9c6b319a92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 31 Aug 2019 19:38:21 +0200
Subject: [PATCH 3/8] =?UTF-8?q?Fix=20linting=20errors=20Signed-off-by:=20R?=
 =?UTF-8?q?aimund=20Schl=C3=BC=C3=9Fler=20<raimund.schluessler@mailbox.org?=
 =?UTF-8?q?>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TheDetails.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/TheDetails.vue b/src/components/TheDetails.vue
index cfcc70b5..9e4d8d7e 100644
--- a/src/components/TheDetails.vue
+++ b/src/components/TheDetails.vue
@@ -26,7 +26,6 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 			class="flex-container"
 		>
 			<div :class="{'editing': edit=='summary'}" class="title">
-				
 				<input :id="'toggleCompleted_' + task.uid"
 					type="checkbox"
 					class="checkbox task-checkbox"
@@ -34,7 +33,8 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 					:class="{'disabled': task.calendar.readOnly}"
 					:checked="task.completed"
 					:aria-label="t('tasks', 'Task is completed')"
-					@click="toggleCompleted(task)">
+					@click="toggleCompleted(task)"
+				>
 				<label for="toggleCompleted" />
 
 				<a class="star reactive" @click="toggleStarred(task)">
@@ -132,15 +132,15 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 							</a>
 						</div>
 					</li>
-					
+
 					<li>
-						<input v-if="isAllDayPossible" 
-						type="checkbox"
-						class="checkbox section detail-all-day reactive"
-						name="isAllDayPossible"
-						:class="{'disabled': task.calendar.readOnly}"
-						:checked="task.allDay"
-						@click="toggleAllDay(task)"
+						<input v-if="isAllDayPossible"
+							type="checkbox"
+							class="checkbox section detail-all-day reactive"
+							name="isAllDayPossible"
+							:class="{'disabled': task.calendar.readOnly}"
+							:checked="task.allDay"
+							@click="toggleAllDay(task)"
 						>
 						<label for="isAllDayPossible">{{ t('tasks', 'All day') }}</label>
 					</li>

From 4246795c89dca3a1e6cf76cdebf4acb9eb3becc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 31 Aug 2019 21:11:28 +0200
Subject: [PATCH 4/8] =?UTF-8?q?Fix=20checkbox=20styling=20for=20task=20com?=
 =?UTF-8?q?ponent=20Signed-off-by:=20Raimund=20Schl=C3=BC=C3=9Fler=20<raim?=
 =?UTF-8?q?und.schluessler@mailbox.org>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/src/style.scss      | 14 ++++++++++++++
 src/components/Task.vue | 25 ++++++++++++++-----------
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/css/src/style.scss b/css/src/style.scss
index 9a1f645c..657dee73 100644
--- a/css/src/style.scss
+++ b/css/src/style.scss
@@ -1181,6 +1181,20 @@
 	}
 }
 
+.task-checkbox,
+.detail-checkbox {
+	float: left;
+	margin: 7px;
+	margin-right: 3px;
+	opacity: 0.5;
+
+	input[type='checkbox'].checkbox:checked + label::before {
+		background-image: var(--icon-checkmark-000);
+		background-color: unset;
+		border-color: unset;
+	}
+}
+
 .icon {
 	height: 16px;
 	width: 16px;
diff --git a/src/components/Task.vue b/src/components/Task.vue
index a2566175..91c5762a 100644
--- a/src/components/Task.vue
+++ b/src/components/Task.vue
@@ -49,17 +49,20 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 			>
 				<span :class="{'icon-checkmark': task.completed, 'disabled': task.calendar.readOnly}" class="icon icon-bw task-checkbox reactive no-nav" />
 			</span> -->
-
-			<input :id="'toggleCompleted_' + task.uid"
-				type="checkbox"
-				class="checkbox task-checkbox"
-				name="toggleCompleted"
-				:class="{'disabled': task.calendar.readOnly}"
-				:checked="task.completed"
-				:aria-label="t('tasks', 'Task is completed')"
-				@click="toggleCompleted(task)"
-			>
-			<label for="toggleCompleted" />
+			<span class="task-checkbox">
+				<input :id="'toggleCompleted_' + task.uid"
+					type="checkbox"
+					class="checkbox"
+					name="toggleCompleted"
+					:class="{'disabled': task.calendar.readOnly}"
+					:checked="task.completed"
+					:aria-checked="task.completed"
+					:disabled="task.calendar.readOnly"
+					:aria-label="t('tasks', 'Task is completed')"
+					@click="toggleCompleted(task)"
+				>
+				<label class="reactive no-nav" :for="'toggleCompleted_' + task.uid" />
+			</span>
 
 			<span class="icon task-separator" />
 			<span class="task-star" @click="toggleStarred(task)">

From ad9dc5c5c101c943a222a7bedcfca7024a5debb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 31 Aug 2019 21:36:20 +0200
Subject: [PATCH 5/8] =?UTF-8?q?Adjust=20styling=20of=20disabled=20checkbox?=
 =?UTF-8?q?es=20Signed-off-by:=20Raimund=20Schl=C3=BC=C3=9Fler=20<raimund.?=
 =?UTF-8?q?schluessler@mailbox.org>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/src/style.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/css/src/style.scss b/css/src/style.scss
index 657dee73..c0e694b2 100644
--- a/css/src/style.scss
+++ b/css/src/style.scss
@@ -1188,10 +1188,15 @@
 	margin-right: 3px;
 	opacity: 0.5;
 
-	input[type='checkbox'].checkbox:checked + label::before {
-		background-image: var(--icon-checkmark-000);
-		background-color: unset;
-		border-color: unset;
+	input[type='checkbox'].checkbox {
+		&:checked + label::before {
+			background-image: var(--icon-checkmark-000);
+			background-color: unset;
+			border-color: unset;
+		}
+		&:disabled + label::before {
+			background-color: var(--color-background-darker) !important;
+		}
 	}
 }
 

From f05758296c155cac0240b07ef13b406473662fc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 31 Aug 2019 22:33:56 +0200
Subject: [PATCH 6/8] =?UTF-8?q?Fix=20checkbox=20styling=20in=20details-vie?=
 =?UTF-8?q?w=20Signed-off-by:=20Raimund=20Schl=C3=BC=C3=9Fler=20<raimund.s?=
 =?UTF-8?q?chluessler@mailbox.org>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/src/style.scss            | 31 +++++++++++++++------
 src/components/TheDetails.vue | 52 +++++++++++++++++++++--------------
 2 files changed, 54 insertions(+), 29 deletions(-)

diff --git a/css/src/style.scss b/css/src/style.scss
index c0e694b2..9b747e93 100644
--- a/css/src/style.scss
+++ b/css/src/style.scss
@@ -853,6 +853,15 @@
 					span {
 						cursor: pointer;
 					}
+					input[type='checkbox'].checkbox + label {
+						&::before {
+							margin-left: 0;
+						}
+						>span {
+							font-weight: bold;
+							margin-left: 10px;
+						}
+					}
 				}
 
 				&.editing {
@@ -1187,16 +1196,20 @@
 	margin: 7px;
 	margin-right: 3px;
 	opacity: 0.5;
+}
 
-	input[type='checkbox'].checkbox {
-		&:checked + label::before {
-			background-image: var(--icon-checkmark-000);
-			background-color: unset;
-			border-color: unset;
-		}
-		&:disabled + label::before {
-			background-color: var(--color-background-darker) !important;
-		}
+.detail-checkbox {
+	padding: 8px;
+}
+
+input[type='checkbox'].checkbox {
+	&:checked + label::before {
+		background-image: var(--icon-checkmark-000);
+		background-color: unset;
+		border-color: unset;
+	}
+	&:disabled + label::before {
+		background-color: var(--color-background-darker) !important;
 	}
 }
 
diff --git a/src/components/TheDetails.vue b/src/components/TheDetails.vue
index 9e4d8d7e..b36d78a7 100644
--- a/src/components/TheDetails.vue
+++ b/src/components/TheDetails.vue
@@ -26,16 +26,20 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 			class="flex-container"
 		>
 			<div :class="{'editing': edit=='summary'}" class="title">
-				<input :id="'toggleCompleted_' + task.uid"
-					type="checkbox"
-					class="checkbox task-checkbox"
-					name="toggleCompleted"
-					:class="{'disabled': task.calendar.readOnly}"
-					:checked="task.completed"
-					:aria-label="t('tasks', 'Task is completed')"
-					@click="toggleCompleted(task)"
-				>
-				<label for="toggleCompleted" />
+				<span class="detail-checkbox">
+					<input :id="'detailsToggleCompleted_' + task.uid"
+						type="checkbox"
+						class="checkbox"
+						name="detailsToggleCompleted"
+						:class="{'disabled': task.calendar.readOnly}"
+						:checked="task.completed"
+						:aria-checked="task.completed"
+						:disabled="task.calendar.readOnly"
+						:aria-label="t('tasks', 'Task is completed')"
+						@click="toggleCompleted(task)"
+					>
+					<label :for="'detailsToggleCompleted_' + task.uid" />
+				</span>
 
 				<a class="star reactive" @click="toggleStarred(task)">
 					<span :class="[{'disabled': task.calendar.readOnly}, iconStar]"
@@ -133,16 +137,24 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 						</div>
 					</li>
 
-					<li>
-						<input v-if="isAllDayPossible"
-							type="checkbox"
-							class="checkbox section detail-all-day reactive"
-							name="isAllDayPossible"
-							:class="{'disabled': task.calendar.readOnly}"
-							:checked="task.allDay"
-							@click="toggleAllDay(task)"
-						>
-						<label for="isAllDayPossible">{{ t('tasks', 'All day') }}</label>
+					<li v-if="isAllDayPossible"
+						class="section detail-all-day reactive"
+					>
+						<div>
+							<input id="isAllDayPossible"
+								type="checkbox"
+								class="checkbox"
+								name="isAllDayPossible"
+								:class="{'disabled': task.calendar.readOnly}"
+								:aria-checked="task.allDay"
+								:checked="task.allDay"
+								:disabled="task.calendar.readOnly"
+								@click="toggleAllDay(task)"
+							>
+							<label for="isAllDayPossible">
+								<span>{{ t('tasks', 'All day') }}</span>
+							</label>
+						</div>
 					</li>
 					<li class="section detail-calendar reactive">
 						<div v-click-outside="() => finishEditing('calendar')"

From 244b9615d3658888678f62310a13f65b90d5a961 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 31 Aug 2019 22:45:12 +0200
Subject: [PATCH 7/8] =?UTF-8?q?Clean-up=20Signed-off-by:=20Raimund=20Schl?=
 =?UTF-8?q?=C3=BC=C3=9Fler=20<raimund.schluessler@mailbox.org>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/src/style.scss            | 25 -------------------------
 src/components/Task.vue       | 10 ----------
 src/components/TheDetails.vue |  3 +--
 3 files changed, 1 insertion(+), 37 deletions(-)

diff --git a/css/src/style.scss b/css/src/style.scss
index 9b747e93..4b4a4f40 100644
--- a/css/src/style.scss
+++ b/css/src/style.scss
@@ -1244,31 +1244,6 @@ input[type='checkbox'].checkbox {
 		opacity: 1 !important;
 	}
 
-	&.task-checkbox,
-	&.detail-checkbox {
-		border-radius: 3px;
-		border: 1px solid var(--color-main-text);
-		float: left;
-		margin: 7px 7px;
-		padding: 9px;
-		opacity: 0.5;
-
-		&.icon-checkmark {
-			margin-top: 10px;
-		}
-		&:not(.icon-checkmark) {
-			background: unset;
-		}
-
-		&:not(.disabled):hover {
-			opacity: 0.7;
-		}
-
-		&.disabled {
-			cursor: not-allowed;
-		}
-	}
-
 	&.right {
 		float: right;
 	}
diff --git a/src/components/Task.vue b/src/components/Task.vue
index 91c5762a..accfd424 100644
--- a/src/components/Task.vue
+++ b/src/components/Task.vue
@@ -40,15 +40,6 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 				/>
 			</div>
 
-			<!-- <span :aria-checked="task.completed"
-				:aria-label="t('tasks', 'Task is completed')"
-				class="task-checkbox"
-				name="toggleCompleted"
-				role="checkbox"
-				@click="toggleCompleted(task)"
-			>
-				<span :class="{'icon-checkmark': task.completed, 'disabled': task.calendar.readOnly}" class="icon icon-bw task-checkbox reactive no-nav" />
-			</span> -->
 			<span class="task-checkbox">
 				<input :id="'toggleCompleted_' + task.uid"
 					type="checkbox"
@@ -63,7 +54,6 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 				>
 				<label class="reactive no-nav" :for="'toggleCompleted_' + task.uid" />
 			</span>
-
 			<span class="icon task-separator" />
 			<span class="task-star" @click="toggleStarred(task)">
 				<span :class="[iconStar, {'disabled': task.calendar.readOnly}]" class="icon right large reactive no-nav" />
diff --git a/src/components/TheDetails.vue b/src/components/TheDetails.vue
index b36d78a7..1b86ddde 100644
--- a/src/components/TheDetails.vue
+++ b/src/components/TheDetails.vue
@@ -136,8 +136,7 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 							</a>
 						</div>
 					</li>
-
-					<li v-if="isAllDayPossible"
+					<li v-show="isAllDayPossible"
 						class="section detail-all-day reactive"
 					>
 						<div>

From 7c52816f2c9a4bdf07286c27933f654df332bfb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sat, 31 Aug 2019 22:51:57 +0200
Subject: [PATCH 8/8] =?UTF-8?q?Replace=20checkmark=20icons=20with=20versio?=
 =?UTF-8?q?n=20from=20server=20Signed-off-by:=20Raimund=20Schl=C3=BC=C3=9F?=
 =?UTF-8?q?ler=20<raimund.schluessler@mailbox.org>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/src/bw/checkmark.svg          | 2 +-
 img/src/color/checkmark-color.svg | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/img/src/bw/checkmark.svg b/img/src/bw/checkmark.svg
index 78fd0a78..3501b5a4 100644
--- a/img/src/bw/checkmark.svg
+++ b/img/src/bw/checkmark.svg
@@ -1 +1 @@
-<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m7.1754 13.693c2.5618-5.7886 5.8526-9.6003 7.3076-11.335 1.183-1.401 0.719-1.177 0.199-0.8234-2.137 1.4563-6.1287 6.1399-7.6559 7.7638-0.2793 0.299-0.9223 1.0036-1.067 1.0036-0.1596 0-0.7052-0.263-1.0197-0.4552-1.1895-0.7316-2.3298-1.4514-3.0451-1.7203-1.5226-0.5738-1.0921-0.0263-1.0048 0.1568 0.2709 0.5679 3.9479 3.6637 5.1652 5.1237 0.66413 0.7746 0.72507 1.2925 1.1207 0.286z" stroke="#000" stroke-miterlimit="10" stroke-width=".535"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path d="m2.35 7.3 4 4l7.3-7.3" stroke="#000" stroke-width="2" fill="none"/></svg>
diff --git a/img/src/color/checkmark-color.svg b/img/src/color/checkmark-color.svg
index bdf6fd97..923c6eef 100644
--- a/img/src/color/checkmark-color.svg
+++ b/img/src/color/checkmark-color.svg
@@ -1 +1 @@
-<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m7.1754 13.693c2.5618-5.7886 5.8526-9.6003 7.3076-11.335 1.183-1.401 0.719-1.177 0.199-0.8234-2.137 1.4563-6.1287 6.1399-7.6559 7.7638-0.2793 0.299-0.9223 1.0036-1.067 1.0036-0.1596 0-0.7052-0.263-1.0197-0.4552-1.1895-0.7316-2.3298-1.4514-3.0451-1.7203-1.5226-0.5738-1.0921-0.0263-1.0048 0.1568 0.2709 0.5679 3.9479 3.6637 5.1652 5.1237 0.66413 0.7746 0.72507 1.2925 1.1207 0.286z" fill="#71b73d" stroke="#71b73d" stroke-miterlimit="10" stroke-width=".535"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path d="m2.35 7.3 4 4l7.3-7.3" stroke="#71b73d" stroke-width="2" fill="none"/></svg>