From 389c3fcc476ed36ffa0f6e374848d07cd0237675 Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Sat, 19 Feb 2022 18:34:09 +0300
Subject: [PATCH] better vertical alignment of .task-left block

---
 src/content/themes/default/style.css | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/content/themes/default/style.css b/src/content/themes/default/style.css
index 46ef8b0..fe74ec6 100644
--- a/src/content/themes/default/style.css
+++ b/src/content/themes/default/style.css
@@ -437,10 +437,10 @@ li.task-row.task-expanded .task-toggle { transform:rotate(90deg); }
   z-index: 1;
 }
 #tasklist .task-block {
-   display:flex;
-   justify-content:flex-start;
-   align-items:baseline;
-   padding:0px 3px;
+   display: flex;
+   justify-content: flex-start;
+   align-items: stretch;
+   padding: 0.5rem 3px;
 }
 #tasklist li.task-row.task-expanded {
   border:1px solid var(--color-tasklist-row-expanded-border);
@@ -450,16 +450,17 @@ li.task-row.task-expanded .task-toggle { transform:rotate(90deg); }
   border-bottom: 1px solid var(--color-tasklist-row-inter-border);
 }
 .task-left {
-  display:inline-block;
+  display: flex;
+  align-items: center;
+  height: 1.2rem; /* same as line-height of task-middle */
 }
 .task-middle {
   flex-grow:1;
-  margin:0.65rem 0px;
-  margin-left:5px;
+  margin-left: 5px;
   min-width:0; /*for long text*/
-  flex-basis:0; /* IE11 */
-  display:flex;
-  align-items:baseline;
+  display: flex;
+  align-items: baseline;
+  line-height: 1.2rem;
 }
 .task-actions { flex:0 0 1rem; margin-left:5px; }