lvwerra HF Staff commited on
Commit
c22b73c
·
verified ·
1 Parent(s): cc69353

Upload static/index.html with huggingface_hub

Browse files
Files changed (1) hide show
  1. 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. */