Messages: equalize ul/ol indent (padding-left 22px) so bullets and numbers align
Browse files- static/index.html +12 -0
static/index.html
CHANGED
|
@@ -278,6 +278,18 @@
|
|
| 278 |
.msg .text p { margin-bottom: 6px; }
|
| 279 |
.msg .text p:last-child { margin-bottom: 0; }
|
| 280 |
.msg .text strong { font-weight: 500; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 281 |
.msg .text code {
|
| 282 |
font-family: "JetBrains Mono", monospace;
|
| 283 |
background: var(--bg-soft); padding: 0 4px; border-radius: 2px;
|
|
|
|
| 278 |
.msg .text p { margin-bottom: 6px; }
|
| 279 |
.msg .text p:last-child { margin-bottom: 0; }
|
| 280 |
.msg .text strong { font-weight: 500; }
|
| 281 |
+
/* Consistent list indent for both ul and ol — default UA padding-left
|
| 282 |
+
is 40px and markers hang outside, so wide ol numbers (`1.`, `10.`)
|
| 283 |
+
end up further left than the smaller `•`. Use a tighter, explicit
|
| 284 |
+
indent so both list types align. */
|
| 285 |
+
.msg .text ul,
|
| 286 |
+
.msg .text ol {
|
| 287 |
+
padding-left: 22px;
|
| 288 |
+
margin: 6px 0;
|
| 289 |
+
}
|
| 290 |
+
.msg .text li { margin-bottom: 3px; }
|
| 291 |
+
.msg .text li:last-child { margin-bottom: 0; }
|
| 292 |
+
.msg .text li > p { margin-bottom: 4px; }
|
| 293 |
.msg .text code {
|
| 294 |
font-family: "JetBrains Mono", monospace;
|
| 295 |
background: var(--bg-soft); padding: 0 4px; border-radius: 2px;
|