329 files

custom_components/maintenance_supporter/frontend-src/panel-styles.ts

@@ -81,7 +81,10 @@ export const panelStyles = css`
     flex-wrap: wrap;
     gap: 8px;
     padding: 4px 0 8px;
-    justify-content: flex-end;
+    /* Left-aligned on purpose: flex-end mimicked the pre-v2.37 look (buttons
+       trailing the filter row), but on wide desktops it strands the primary
+       "new task" action at the far right of an otherwise empty row. */
+    justify-content: flex-start;
   }
 
   :host([narrow]) .actions-bar {
@@ -1009,6 +1012,21 @@ export const panelStyles = css`
   .checklist-preview-list li {
     padding: 1px 0;
   }
+  /* #73: interactive in-cycle ticks. */
+  .checklist-preview-list label {
+    display: inline-flex;
+    gap: 8px;
+    align-items: baseline;
+    cursor: pointer;
+  }
+  .checklist-preview-list input[type="checkbox"] {
+    accent-color: var(--primary-color);
+    cursor: pointer;
+  }
+  .checklist-preview-list li.checked label span {
+    text-decoration: line-through;
+    opacity: 0.6;
+  }
 
   /* Recommendation Card */
   .recommendation-card {