fix(rectification): align the natal house table with agent text
Independent Staging Quality Gate / validate (push) Successful in 9m57s
Independent Staging Quality Gate / publish (push) Successful in 10m55s

The house table sat on the avatar edge because it is a sibling of the message row. Inset it with the avatar width plus assistant gap.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Jesse_Chen
2026-08-19 21:46:37 +08:00
parent d7887b03e5
commit 053e63effa
3 changed files with 36 additions and 2 deletions
+16 -2
View File
@@ -678,7 +678,12 @@ button:disabled { cursor: default; opacity: .45; }
.rectification-entry-error { grid-column: 1 / -1; margin: 0; }
.starter-loading { color: var(--color-ink-secondary); margin-left: 0; padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-canvas-muted); font-size: 14px; }
.starter-note { margin: 10px 0 0; color: var(--color-ink-secondary); line-height: 1.5; grid-column: 1 / -1; font-size: 13px; }
.message-list { margin: 0 auto; width: min(900px, 100%); padding: var(--space-8) var(--space-8) var(--space-16); }
.message-list {
--assistant-content-inset: calc(32px + var(--space-3));
margin: 0 auto;
width: min(900px, 100%);
padding: var(--space-8) var(--space-8) var(--space-16);
}
.message { display: flex; animation: message-enter 160ms var(--ease-out) both; padding: var(--space-2) 0; }
.agent-avatar { width: 32px; height: 32px; display: block; flex: 0 0 32px; margin-top: var(--space-2); border-radius: 50%; background: var(--color-canvas) url("/jyotish-logo.png") center / contain no-repeat; box-shadow: 0 0 0 1px oklch(0 0 0 / .1); }
.message-content { min-width: 0; max-width: min(80%, 680px); }
@@ -1845,7 +1850,9 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
.rectification-candidates {
display: grid;
gap: 14px;
width: calc(100% - var(--assistant-content-inset));
margin: 8px 0 16px;
margin-inline-start: var(--assistant-content-inset);
padding: 18px;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
@@ -1898,11 +1905,18 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
font-weight: 650;
}
.rectification-candidate-action { align-self: end; color: var(--color-action); font-size: 13px; font-weight: 650; }
.rectification-saved { margin: 8px 0 16px; color: var(--color-ink); font-size: var(--type-body-sm); }
.rectification-saved {
width: calc(100% - var(--assistant-content-inset));
margin: 8px 0 16px;
margin-inline-start: var(--assistant-content-inset);
color: var(--color-ink);
font-size: var(--type-body-sm);
}
.rectification-house-table {
display: grid;
gap: var(--space-3);
margin: 8px 0 16px;
padding-inline-start: var(--assistant-content-inset);
}
.rectification-house-table__heading { display: grid; gap: 5px; }
.rectification-house-table__heading strong {