Align step detail header actions
Normalize the copy and raw controls to a shared height and preserve their alignment. Wrap the mobile action row from the left so every control remains visible.
Alessandro committed
Aug 27, 2026 at 13:58 UTC
62cf23b689fae383ef271386e6fbee67cda4e340
1 file changed
+7
-1
webui/components/modals/process-step-detail/process-step-detail.html
+7
-1
@@ -133,14 +133,20 @@
133
134
.header-actions {
135
display: flex;
136
+ align-items: stretch;
137
+ flex-wrap: wrap;
138
gap: 0.5rem;
139
}
140
141
.btn-action-header {
142
+ box-sizing: border-box;
143
+ min-height: 2.5rem;
144
padding: 0.4rem 0.6rem;
145
display: flex;
146
align-items: center;
147
+ justify-content: center;
148
gap: 0.25rem;
149
+ white-space: nowrap;
150
background: var(--color-message-bg);
151
color: var(--color-text);
152
border: 1px solid var(--color-border);
@@ -292,7 +298,7 @@
298
299
.header-actions {
300
width: 100%;
295
- justify-content: flex-end;
301
+ justify-content: flex-start;
302
}
303
}
304
</style>