From 35b5a5e3df1f11cb142ed6255bcae4658ff60485 Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Sun, 7 Feb 2021 13:51:10 +0100
Subject: [PATCH] tweak vertical aligns in quest log list to look more
 centered.

---
 svelte-ui/src/components/QLListItem.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/svelte-ui/src/components/QLListItem.svelte b/svelte-ui/src/components/QLListItem.svelte
index d770b80..0874919 100644
--- a/svelte-ui/src/components/QLListItem.svelte
+++ b/svelte-ui/src/components/QLListItem.svelte
@@ -12,6 +12,7 @@
 
   let selected: boolean;
   let completed: boolean;
+  let deadline: boolean;
 
   function handleClick() {
     selectionStore.change("hash", project.id);
@@ -19,10 +20,11 @@
 
   $: selected = $selectionStore.hash === project.id;
   $: completed = !project.active;
+  $: deadline = !!project.endTime;
 </script>
 
 <StatusColor affects="project" entry={project} selected={selected}>
-  <div class="ql-list-item" on:click={handleClick} class:selected>
+  <div class="ql-list-item" on:click={handleClick} class:selected class:deadline={deadline}>
     <div class="icon sccfg" class:completed>
       <Icon block name={project.icon} />
     </div>
@@ -52,6 +54,7 @@
 
     color: #777;
     padding: 0.2em;
+    padding-top: 0.3em;
     padding-bottom: 0.05em;
 
     cursor: pointer;
@@ -66,6 +69,9 @@
   div.ql-list-item:hover {
     color: #ccc;
   }
+  div.ql-list-item.deadline {
+    padding-top: 0.275em;
+  }
 
 
   div.icon {