Match Angular typography: terminal-link color, board header padding/grid

This commit is contained in:
2026-04-20 02:31:27 +03:00
parent 74d7c119d5
commit 7cf15f11ab
2 changed files with 13 additions and 6 deletions
@@ -1,11 +1,14 @@
.board-details-header {
// Mirrors Angular's board-details-header host styling:
// padding: $space-l $space-xl (15px 20px), align-items: start,
// gap: $space-m (10px). Border-radius stays off — the wrapping
// `.frame` handles rounding.
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 8px 16px;
padding: 24px 24px 12px;
align-items: start;
gap: 10px 16px;
padding: 15px 20px;
background: #fff;
border-radius: 8px;
&__badge { grid-column: 1; grid-row: 1; }
+6 -2
View File
@@ -1,3 +1,4 @@
@use "../../styles/colors" as colors;
@use "../../styles/screen" as screen;
.station {
@@ -16,11 +17,14 @@
}
}
// Matches Angular's terminal-link: $font-size-s (12px), $light-gray
// (#657282), 16px line-height, underline. Previous #8a8a8a was a
// shade too pale and read as disabled text.
&__terminal {
font-size: 12px;
color: #8a8a8a;
color: colors.$light-gray;
text-decoration: underline;
line-height: 1.25;
line-height: 16px;
}
&--city-first {