Fix completed card design.

TODO.md

@@ -14,10 +14,9 @@
 
 ## Bugs
 
-- [ ] When the dots menu shows on a 'completed' item the stuff behind it shows through
-
 ## Done
 
+- [x] When the dots menu shows on a 'completed' item the stuff behind it shows through
 - [x] Pressing + in a column and then cancel removes the button entirely
 - [x] Group all indented lines after each item with the item
 - [x] Link to source for self-hosting
@@ -34,4 +33,3 @@
 - [x] Give each column a max width of 450px and have them stretch to fill the area up to that.
 - [x] Don't put carriage returns between individual TODO list items. As far as possible try to preserve original formatting, just moving individual lines around without disturbing other lines.
 - [x] Ability to create a project on the projects select page, including if TODO.md is empty.
-

index.html

@@ -278,7 +278,7 @@
             border-color: var(--fg);
         }
 
-        .card.completed {
+        .card.completed .card-header {
             opacity: 0.6;
         }
 
@@ -370,6 +370,7 @@
             min-width: 150px;
             z-index: 100;
             display: none;
+            opacity: 1;
         }
 
         .card-menu.active {
@@ -1923,7 +1924,7 @@ chmod 755 kbtd
                                 : originalLine.replace('- [ ]', '- [x]');
                             await updateLineInFile(lineNum, newLine);
                         }
-                    }, checkbox, h('span', { textContent: 'Complete' }));
+                    }, checkbox, h('span', { textContent: 'Completed' }));
                     
                     const moveItem = h('button', {
                         className: 'card-menu-item',