Merge pull request 'fix(web): keep the step icon its own size in the job rail' (#48) from fix/steps-icon into main

Reviewed-on: https://git.bnema.dev/bnema/ermite/pulls/48

commit: 590f27c4a333ef747e7437facee6e6258f500c09
author: bnema · 4d ago · 2026-10-17 18:27 UTC
merge of: 0cea275 + 30eee80 · diff against the first parent
signature: SSH UnverifiedSHA256:VOCA5lYARHcbKDZ7GhTV45VmcjWnJ6ZQIBazj17LivA The key is unknown

1 file · +2 -2

M internal/adapters/web/static/css/65-ci.css +2 -2


@@ -53,9 +53,9 @@
53	53		/* a long step name (a whole shell command) wraps inside the rail; the icon
54	54		stays on its first line and the duration at the right */
55	55		.steps li { display: flex; align-items: flex-start; gap: var(--s1); min-width: 0; }
56		-	.steps li > :is(a, span:not(.dim)) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
	56	+	.steps li > .ck { flex: none; margin-top: 3px; }
	57	+	.steps li > :is(a, span:not(.ck, .dim)) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
57	58		.steps li > .dim { flex: none; margin-left: auto; }
58		-	.steps li > :first-child { margin-top: 3px; flex: none; }
59	59		.attempts { padding: 0; margin: var(--s2) 0 0; list-style: none; font-size: var(--fs-s); }
60	60		.checks { display: grid; gap: var(--s1); padding: 0; margin: 0; list-style: none; font-size: var(--fs-s); }
61	61		.checks li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1); }

   /* a long step name (a whole shell command) wraps inside the rail; the icon
      stays on its first line and the duration at the right */
   .steps li { display: flex; align-items: flex-start; gap: var(--s1); min-width: 0; }
-  .steps li > :is(a, span:not(.dim)) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
+  .steps li > .ck { flex: none; margin-top: 3px; }
+  .steps li > :is(a, span:not(.ck, .dim)) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
   .steps li > .dim { flex: none; margin-left: auto; }
-  .steps li > :first-child { margin-top: 3px; flex: none; }
   .attempts { padding: 0; margin: var(--s2) 0 0; list-style: none; font-size: var(--fs-s); }
   .checks { display: grid; gap: var(--s1); padding: 0; margin: 0; list-style: none; font-size: var(--fs-s); }
   .checks li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1); }