feat: ability to hide underdue tasks

static/home.css

@@ -1,3 +1,11 @@
+#controls {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0 0.5rem;
+}
+
 #new-task,
 #bulk-complete {
   border: 1px solid var(--line-color);
@@ -24,25 +32,30 @@
   font-family: monospace;
 }
 
-.table {
-  display: grid;
-  grid-template-columns: auto repeat(3, max-content);
-  gap: 0.5rem;
-  align-items: center;
+main {
+  width: 100%;
+  max-width: 600px;
+  margin: auto;
+}
 
-  h1 {
-    margin-top: 1rem;
-    grid-column: 1 / -1;
+table {
+  text-align: left;
+  border-spacing: 0.5rem;
+  border-collapse: separate;
+  width: 100%;
+
+  col.content {
+    width: min-content;
+  }
+
+  .frequency th {
+    padding-top: 1rem;
     font-weight: bold;
   }
 
-  .th {
+  .heading th {
     font-size: x-small;
     font-weight: bold;
     font-variant-caps: small-caps;
   }
-
-  .th.span {
-    grid-column: 3 / -1;
-  }
 }