[Style] 글자 정렬 깨짐 문제 해결

[yeonjin719]

🔗 관련 이슈

• closes 🐞 [BugFix] 글자 정렬 깨짐 문제 해결 #120
• 참고: 🐞 [BugFix] 글자 정렬 깨짐 문제 해결 #120

---

🧩 작업 요약 (TL;DR)

• 이벤트 상세 카드의 텍스트 영역이 좌측 정렬되도록 스타일을 조정했습니다.

---

🔄 변경 유형

해당되는 항목에 체크해주세요.

• ✨ Feature
• 🐞 Bug Fix
• 🔨 Refactor (기능 변화 없음)
• 🎨 UI / UX
• ⚙️ Setting / Infra
• 🧪 Test
• 📄 Docs

---

📌 주요 변경 사항

리뷰어가 집중해서 봐야 할 포인트

• EventDetailCard의 텍스트 래퍼에 align-items: flex-start를 추가했습니다.
• 카드 내부 텍스트 요소들이 중앙/기본 정렬 영향 없이 좌측 기준으로 정렬되도록 개선했습니다.

• ---

🖼️ 스크린샷 / 영상 (선택)

UI 변경이 있다면 꼭 첨부해주세요.

Before	After

---

🧠 리뷰 요청 포인트

리뷰어에게 특히 봐줬으면 하는 부분

• 로직 설계
• 상태 관리 방식
• 네이밍
• 성능 / 렌더링
• 기타: 이벤트 상세 카드 내 텍스트 정렬이 의도한 UI와 일치하는지 확인 부탁드립니다.

---

⚠️ 체크리스트 (PR 올리기 전)

• 로컬에서 정상 동작 확인
• 기존 기능에 영향 없음
• 불필요한 console.log 제거
• 린트 / 타입 에러 없음
• 관련 이슈 연결 완료

---

🚧 미완 / 후속 작업

이 PR에서 다루지 않은 내용이나 추후 작업

• N/A

---

💬 기타 참고 사항

리뷰어가 알면 좋은 맥락, 트레이드오프, 고민 지점

스타일 속성 1줄 추가만 포함된 UI 정렬 수정 PR입니다. 기능 로직, 상태 관리, API 연동 변경은 없습니다.

@copilot 이 PR을 아래 기준으로 검토해주세요:

.github/instructions/capstone.instructions.md 파일을 지침으로 삼으세요.
폴더/파일 위치가 프로젝트 구조 규칙과 일치하는지
컴포넌트가 단일 책임 원칙(SRP)을 지키는지
import 방향이 올바른지 (shared → features 역방향 없음)
명명/케이스가 일관적인지 (PascalCase vs camelCase)
배럴(index.ts) 사용이 현 패턴을 따르는지
응답은 한국어로, 발견된 위반 항목과 추천 구조를 포함해주세요.
리뷰를 달아주세요

[Copilot]

Pull request overview

이벤트 상세 카드(EventDetailCard) 내부 텍스트가 의도와 다르게 정렬되던 문제를 TextWrapper의 flex 정렬 속성 보정으로 해결하는 PR입니다(캘린더 feature 영역의 UI 정렬 수정).

Changes:

• TextWrapper에 align-items: flex-start; 추가로 텍스트 영역을 좌측 기준으로 정렬

한 줄 요약

• TextWrapper의 교차축 정렬을 flex-start로 고정해 텍스트가 중앙/기본 정렬 영향 없이 좌측 정렬되도록 개선했습니다.

발견된 위반 항목

• 없음 (파일 위치/feature 경계/명명/의존성 방향 측면에서 변경 사항이 프로젝트 규칙과 충돌하지 않음)

추천 구조

• 현 구조 유지가 적절합니다.
  • src/features/Calendar/components/EventDetailCard/
    • EventDetailCard.tsx
    • EventDetailCard.style.ts

최소 리팩토링 단계

1. 실제 화면에서 제목/본문이 좌측 정렬로 보이고 줄바꿈/폭 동작이 기존 대비 문제 없는지 확인
2. (선택) 제목까지 좌측 정렬이 요구사항이라면 Title의 text-align: center; 정책을 별도 이슈로 재검토