personal memory agent
speakers: inset segment row dividers, fix spacing and header alignment
+13
-9
+13
-9
apps/speakers/workspace.html
+13
-9
apps/speakers/workspace.html
···
30
30
}
31
31
32
32
.spk-segments-header {
33
-
padding: 20px 16px 12px 19px;
33
+
padding: 20px 16px 12px 16px;
34
34
margin: 0;
35
35
border-bottom: 1px solid #e5e7eb;
36
36
font-weight: 600;
···
46
46
47
47
.spk-segment {
48
48
padding: 12px 16px;
49
-
border-bottom: 1px solid #e5e7eb;
49
+
background-image: linear-gradient(#e5e7eb, #e5e7eb);
50
+
background-size: calc(100% - 32px) 1px;
51
+
background-position: center bottom;
52
+
background-repeat: no-repeat;
50
53
cursor: pointer;
51
-
transition: background 0.15s;
54
+
transition: background-color 0.15s;
52
55
border-left: 3px solid transparent;
53
56
}
54
57
55
58
.spk-segment:hover {
56
-
background: #f9fafb;
59
+
background-color: #f9fafb;
57
60
}
58
61
59
62
.spk-segment:active {
60
-
background: #f3f4f6;
63
+
background-color: #f3f4f6;
61
64
}
62
65
63
66
.spk-segment.active {
64
-
background: #eff6ff;
67
+
background-color: #eff6ff;
65
68
border-left-color: #3b82f6;
66
69
}
67
70
···
76
79
font-size: 12px;
77
80
font-variant-numeric: tabular-nums;
78
81
color: #6b7280;
79
-
margin-top: 4px;
82
+
margin-top: 6px;
80
83
}
81
84
82
85
.spk-segment-sources {
···
498
501
border-radius: 12px;
499
502
font-size: 11px;
500
503
color: #1d4ed8;
501
-
margin-left: 6px;
504
+
margin-left: 8px;
502
505
font-weight: 500;
503
506
}
504
507
505
508
.spk-review-badge {
506
509
display: inline-block;
507
-
margin-top: 6px;
510
+
margin-top: 8px;
508
511
padding: 2px 8px;
509
512
border-radius: 999px;
510
513
background: #f3f4f6;
···
905
908
color: #9ca3af;
906
909
font-size: 12px;
907
910
vertical-align: baseline;
911
+
line-height: 1;
908
912
}
909
913
910
914
@keyframes spk-fade-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }