diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e5515e9..21f119c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -2501,7 +2501,7 @@ function AppContent() {
{t('form.blisters.startTime')}
setBlisterValue(idx, "startTime", e.target.value)} />
- {form.blisters.length > 1 && }
+ {form.blisters.length > 1 && }
))}
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index e77fe1a..13869b3 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -900,11 +900,13 @@ textarea {
display: flex;
flex-direction: column;
gap: 0.5rem;
+ align-items: stretch;
}
.table-row span {
display: flex;
justify-content: space-between;
align-items: center;
+ text-align: left;
}
.table-row span::before {
content: attr(data-label);
@@ -914,6 +916,7 @@ textarea {
text-transform: uppercase;
margin-right: 1rem;
flex-shrink: 0;
+ text-align: left;
}
/* First span (name cell) - centered horizontal layout */
.table-row span:first-child {
@@ -924,6 +927,10 @@ textarea {
.table-row span:first-child::before {
display: none; /* Hide "NAME" label on mobile */
}
+ /* Status chip in table row - left aligned */
+ .table-row span.status-chip {
+ align-self: flex-start;
+ }
/* Avatar + name layout - centered */
.table-row .cell-with-avatar {
display: flex;