Skip to content

Commit a6f769c

Browse files
style(related-records): fix trailing-meta spacing in row-view list
Correct the `.mdc-list-item__end` selector so margins actually apply (the trailing-meta class lives on the host, not a descendant) and wrap the open-record link in a meta container for consistent alignment. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 7d0117b commit a6f769c

2 files changed

Lines changed: 15 additions & 8 deletions

File tree

frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -264,3 +264,7 @@
264264
.related-records__panel ::ng-deep .mat-expansion-panel-body {
265265
padding: 0 8px;
266266
}
267+
.related-record ::ng-deep .mdc-list-item__end {
268+
margin-right: -8px !important;
269+
margin-left: 4px !important;
270+
}

frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -84,14 +84,17 @@ <h3 class="related-records-section__title">Related records</h3>
8484
</span>
8585
</span>
8686

87-
<a matListItemMeta mat-icon-button
88-
class="related-record__open"
89-
matTooltip="Open record"
90-
[routerLink]="['/dashboard', selectedRow.connectionID, referencedTable.table_name, 'entry']"
91-
[queryParams]="referencedRecords[referencedTable.table_name]?.links[i]"
92-
(click)="handleClose()">
93-
<mat-icon>chevron_right</mat-icon>
94-
</a>
87+
<div matListItemMeta>
88+
<a mat-icon-button
89+
class="related-record__open"
90+
matTooltip="Open record"
91+
[routerLink]="['/dashboard', selectedRow.connectionID, referencedTable.table_name, 'entry']"
92+
[queryParams]="referencedRecords[referencedTable.table_name]?.links[i]"
93+
(click)="handleClose()">
94+
<mat-icon>chevron_right</mat-icon>
95+
</a>
96+
</div>
97+
9598
</mat-list-item>
9699
</mat-list>
97100
</mat-expansion-panel>

0 commit comments

Comments
 (0)