fix(project): 댓글 첨부 버튼 정렬 - .pj-modal-card label 규칙과 상세도 충돌 수정

.pj-modal-card label { display:block; margin-bottom:12px; font-size:12.5px }
(다른 모달 폼 라벨용 공용 규칙, 클래스+엘리먼트라 상세도 0,1,1)이
.pj-chat-attach-btn(단일 클래스, 상세도 0,1,0)의 display:flex 를 조용히
덮어써서 display:block 이 됐고, flex 아닐 때 align-items/justify-content
는 무효라 아이콘이 정가운데로 안 갔음. margin-bottom:12px 까지 새어들어와
버튼이 실제로 위로 살짝 밀려 보였음. 헤드리스 크롬으로 실제 project.css를
.pj-modal-card 컨텍스트에서 그대로 렌더해 getBoundingClientRect 로 재현
확인 후, .pj-modal-card .pj-chat-attach-btn 로 상세도를 올리고 새는 값
(margin-bottom/font-size)도 명시적으로 되돌려 고침 — 아이콘 상하좌우 7px
로 정확히 정가운데.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-17 13:30:02 +09:00
parent 23e09ea2fa
commit b21e42e949
4 changed files with 11 additions and 5 deletions
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917n" />
<link rel="stylesheet" href="/static/project.css?v=20260917o" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}