ge-aerospace/shopdb-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Detail pages: give the relationships card bottom spacing (was merging with Notes)

Browse Source 
.relationships-section had card styling but lacked the margin-bottom +
break-inside:avoid that .section-card has, so it sat flush against the Notes
card below it and looked like one merged card (and could split across a multicol
break). Add both to match section-card. Affects every asset detail page.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
cproudlock
2026-07-13 13:53:37 -04:00
parent a6ebec5118
commit 5f51aa2383
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/AssetRelationships.vue
View File

@@ -502,6 +502,11 @@ function getAssetRoute(asset) {
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--border); border: 1px solid var(--border);
padding: 1.25rem; padding: 1.25rem;
/* Match .section-card spacing so relationships is its own card with a gap
below (not visually merged with the Notes card) and does not split across
a multicol break. */
margin-bottom: 25px;
break-inside: avoid;
} }
.section-header { .section-header {