personal memory agent
Merge branch 'hopper-zh7ek4y5-todos-visual-spacing'
+10
-9
+10
-9
apps/todos/workspace.html
+10
-9
apps/todos/workspace.html
···
3
3
min-height: calc(100vh - var(--facet-bar-height) - var(--date-nav-height) - var(--app-bar-height) - 40px);
4
4
display: flex;
5
5
flex-direction: column;
6
-
justify-content: center;
6
+
justify-content: flex-start;
7
+
padding-bottom: 4rem;
7
8
}
8
9
9
10
.facet-section {
···
80
81
.todo-list {
81
82
list-style: none;
82
83
padding: 0;
83
-
padding-left: calc(4px + 0.5rem);
84
+
padding-left: 0.25rem;
84
85
margin: 0;
85
86
}
86
87
···
88
89
display: flex;
89
90
align-items: center;
90
91
gap: 0.75rem;
91
-
padding: 0.375rem 0;
92
-
border-bottom: 1px solid #e5e7eb;
92
+
padding: 0.3rem 0;
93
+
border-bottom: 1px solid #d1d5db;
93
94
transition: background 0.1s ease;
94
95
}
95
96
···
271
272
272
273
.todo-facet-empty {
273
274
padding: 0.75rem 0;
274
-
padding-left: calc(4px + 0.5rem);
275
+
padding-left: 0.25rem;
275
276
color: #94a3b8;
276
277
font-style: italic;
277
278
font-size: 0.85rem;
···
290
291
.todo-add-form input[type="text"] {
291
292
flex: 1;
292
293
min-width: 0;
293
-
margin-left: calc(4px + 0.5rem + 2.75rem + 0.75rem);
294
+
margin-left: 3.25rem;
294
295
padding: 0.375rem 0.5rem;
295
296
border: 1px solid transparent;
296
297
border-radius: 4px;
···
458
459
}
459
460
460
461
.todo-list {
461
-
padding-left: calc(4px + 0.375rem);
462
+
padding-left: 0.25rem;
462
463
}
463
464
464
465
.todo-facet-empty {
465
-
padding-left: calc(4px + 0.375rem);
466
+
padding-left: 0.25rem;
466
467
}
467
468
468
469
.todo-row {
···
479
480
480
481
.todo-add-form input[type="text"] {
481
482
padding: 0.5rem;
482
-
margin-left: calc(4px + 0.375rem + 2.75rem + 0.5rem);
483
+
margin-left: 3rem;
483
484
}
484
485
}
485
486