From 074cac2daa10b955e1b1a0d865f9496e42da4122 Mon Sep 17 00:00:00 2001
From: Brian Ingles <github@emeraldwalk.com>
Date: Wed, 24 Jan 2024 21:53:33 -0600
Subject: [PATCH] Added home link

---
 src/components/CheckList.module.scss | 22 ++++++++++++----------
 src/components/CheckList.tsx         |  6 ++++--
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/CheckList.module.scss b/src/components/CheckList.module.scss
index 2b0674e..4f3132c 100644
--- a/src/components/CheckList.module.scss
+++ b/src/components/CheckList.module.scss
@@ -7,19 +7,21 @@
   grid-template-rows: auto 1fr;
   height: 100vh;
 
-  > span:first-of-type {
-    display: grid;
+  a {
+    display: flex;
     align-items: center;
-    grid-template-columns: auto auto 1fr;
+    color: unset;
     gap: 2px;
-    box-shadow: 0 0px 20px -5px var(--check-list-color-shadow);
+    font-size: 1.2em;
+    text-decoration: none;
+  }
+
+  > span:first-of-type {
+    display: flex;
+    align-items: center;
+    box-shadow: 0 0px 10px -5px var(--check-list-color-shadow);
     padding: var(--check-list-item-pad);
-    > span {
-      font-size: 1.2em;
-    }
-    :last-child {
-      justify-self: end;
-    }
+    justify-content: space-between;
   }
 
   ul {
diff --git a/src/components/CheckList.tsx b/src/components/CheckList.tsx
index 7a1bc87..be4bd6c 100644
--- a/src/components/CheckList.tsx
+++ b/src/components/CheckList.tsx
@@ -28,8 +28,10 @@ export function CheckList() {
   return (
     <div class={styles.CheckList}>
       <span>
-        <img src={logo} />
-        <span>ible Plan</span>
+        <a href="/">
+          <img src={logo} />
+          <span>ible Plan</span>
+        </a>
         <CheckBox
           isChecked={showCompleted()}
           onChange={() =>