Upload static/index.html with huggingface_hub
Browse files- static/index.html +11 -0
static/index.html
CHANGED
|
@@ -271,6 +271,17 @@
|
|
| 271 |
.agent-link {
|
| 272 |
display: inline-flex; align-items: center; gap: 6px;
|
| 273 |
color: inherit; text-decoration: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 274 |
}
|
| 275 |
/* Underline only the name, not the avatar — keeps the avatar's circular
|
| 276 |
edge clean instead of running a dotted line beneath the image. */
|
|
|
|
| 271 |
.agent-link {
|
| 272 |
display: inline-flex; align-items: center; gap: 6px;
|
| 273 |
color: inherit; text-decoration: none;
|
| 274 |
+
/* THIS IS THE LINE THAT FIXES TIMESTAMP MISALIGNMENT.
|
| 275 |
+
agent-link is inline-flex, so when it sits in .agent's inline
|
| 276 |
+
context its synthesized baseline = bottom edge (align-items:center
|
| 277 |
+
doesn't participate in baseline alignment). With default
|
| 278 |
+
vertical-align:baseline, that bottom edge lands at the text
|
| 279 |
+
baseline — which forces .agent's line-box to grow ~5px upward to
|
| 280 |
+
fit the 16px element. That growth makes .head taller, and
|
| 281 |
+
align-items:center re-centers .ts downward. vertical-align:top
|
| 282 |
+
pins agent-link's top to the line-box top instead, so the
|
| 283 |
+
line-box stays at line-height:16 and .ts doesn't shift. */
|
| 284 |
+
vertical-align: top;
|
| 285 |
}
|
| 286 |
/* Underline only the name, not the avatar — keeps the avatar's circular
|
| 287 |
edge clean instead of running a dotted line beneath the image. */
|