From: Amazingca <luzovich@cs.colostate.edu>
Date: Fri, 1 May 2026 08:01:56 +0000 (-0600)
Subject: More styling stuff
X-Git-Url: http://git.amazingca.dev/?a=commitdiff_plain;h=de40b454de50e5994b8d6b2dfa53c63fb5710854;p=autumn%2Ftodo

More styling stuff
---

diff --git a/archived.html b/archived.html
index c3e951d..1cf4e00 100644
--- a/archived.html
+++ b/archived.html
@@ -20,7 +20,9 @@
     </header>
     <div id="main">
       <div>
-        <div id="archived"></div>
+        <div id="archived">
+          <p>No archived todos for now...</p>
+        </div>
       </div>
     </div>
     <footer></footer>
diff --git a/archived.js b/archived.js
index 1a9814d..9996c47 100644
--- a/archived.js
+++ b/archived.js
@@ -97,7 +97,7 @@ const applyListeners = () => {
 
 const hydrateTodos = () => {
 
-  archivedElement.innerHTML = archived
+  if (archived.length > 0) archivedElement.innerHTML = archived
     .map((x, index) => todoElement(x, index))
     .join("");
 
diff --git a/index.html b/index.html
index 4aa4a8f..915a938 100644
--- a/index.html
+++ b/index.html
@@ -22,14 +22,7 @@
       <div>
         <button id="createTodo">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-            <g fill="none" stroke="currentColor" stroke-dasharray="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
-              <path d="M5 12h14">
-                <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="16;0"/>
-              </path>
-              <path stroke-dashoffset="16" d="M12 5v14">
-                <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.5s" to="0"/>
-              </path>
-            </g>
+          	<path fill="currentColor" d="M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z" />
           </svg>
         </button>
         <div id="todos"></div>
diff --git a/style.css b/style.css
index 04ccb70..2e83146 100644
--- a/style.css
+++ b/style.css
@@ -104,7 +104,11 @@ button {
 }
 
 #override_css {
+  font-family: monospace;
+  border-radius: 0.5rem;
   resize: vertical;
+  border: 0.25rem solid var(--background-tertiary);
+  background-color: var(--background-secondary);
 }
 
 a, a:visited, a:active {
@@ -119,6 +123,10 @@ button:active, a:hover {
   background-color: var(--background-tertiary);
 }
 
+#archived p {
+  text-align: center;
+}
+
 .hidden,
 div:has(> #todos-completed.hidden),
 #main div:has(#todos-completed.hidden) #showCompleted_close,