style: Align ticks with bottom edge of leaderboard bars

This commit is contained in:
Paul Gauthier (aider) 2025-04-12 23:26:21 -07:00
parent c9c7aea1c4
commit e39eef1ed7

View file

@ -125,8 +125,8 @@ The model also has to successfully apply all its changes to the source file with
.percent-tick, .cost-tick { .percent-tick, .cost-tick {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(13px); /* Position at bottom of bar (36px/2 + 10px/2) */
height: 10px; /* Match the height of the bar */ height: 10px; /* Short tick */
width: 1px; width: 1px;
background-color: rgba(170, 170, 170, 0.2); background-color: rgba(170, 170, 170, 0.2);
z-index: 2; /* Above the bar but below the text */ z-index: 2; /* Above the bar but below the text */