diff --git a/frontend/src/views/ProjectsView.vue b/frontend/src/views/ProjectsView.vue index a6b46a1..0b9613b 100644 --- a/frontend/src/views/ProjectsView.vue +++ b/frontend/src/views/ProjectsView.vue @@ -527,8 +527,17 @@ /* Запас справа под булавку в углу (0.67): 0.5rem отступ + 28px кнопка */ padding-right: 2.5rem; } +/* Бейдж актуальности держим у верха шапки, а не по её центру (0.67): булавка + стоит в углу карточки и не может лечь в шапку (вложенный интерактив внутри + ссылки невалиден), поэтому общей точкой выравнивания служит центр первой + строки имени — он не зависит от того, перенеслось ли имя на вторую строку. + По центру шапки бейдж на перенесённом имени уезжал бы вниз от булавки. + 1px — чтобы центр бейджа (24px) встал ровно на центр булавки (top 1rem, + 28px → 30px от верха .card-wrap) */ .relevance-badge { flex: none; + align-self: flex-start; + margin-top: 1px; } .list-skeleton { margin-bottom: 1rem; @@ -680,7 +689,10 @@ сам красит .btn-icon в янтарный, так что отдельного hover-цвета не нужно */ .card-pin { position: absolute; - top: 0.75rem; + /* По вертикали — по бейджу актуальности (0.67): общая точка — центр первой + строки имени, 29.8px от верха .card-wrap; кнопка 28px, значит top = + 29.8 - 14 */ + top: 1rem; right: 0.5rem; z-index: 1; }