fix(frontend): 서브 노트에서 액션 버튼의 클릭 가능 영역이 매우 작게 설정될 수 있음

CHANGELOG_CHERRYPICK.md

@@ -67,6 +67,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 - Fix: 모바일 환경에서 스크롤 시 헤더 위에 요소가 존재할 경우 헤더 디자인에 문제가 발생함
 - Fix: '모든 미디어 노트 간략화하기' 옵션을 활성화하면 미디어가 없는 노트가 잘려서 표시될 수 있음
 - Fix: 모바일 환경에서 헤더 타이틀 부분을 터치할 때 영역이 강조되어 표시될 수 있음
+- Fix: 서브 노트에서 액션 버튼의 클릭 가능 영역이 매우 작게 설정될 수 있음
 
 ### Server
 - Enhance: (dev) 개발 모드에서 locale 및 유형 정의가 자동으로 재생성됨 (misskey-dev/misskey#12481)

packages/frontend/src/components/MkNoteSub.vue

@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkCwButton v-model="showContent" style="width: 100%" :text="note.text" :files="note.files" :poll="note.poll" @click.stop/>
 				</p>
 				<div v-show="note.cw == null || showContent">
-					<MkSubNoteContent :class="$style.text" :note="note" :showSubNoteFooterButton="defaultStore.state.showSubNoteFooterButton"/>
+					<MkSubNoteContent :class="[$style.text, { [$style.showSubNoteFooterButton]: defaultStore.state.showSubNoteFooterButton }]" :note="note" :showSubNoteFooterButton="defaultStore.state.showSubNoteFooterButton"/>
 				</div>
 			</div>
 		</div>
@@ -167,6 +167,10 @@ function noteClick(ev: MouseEvent) {
 	padding: 10px 0 0 16px;
 }
 
+.showSubNoteFooterButton {
+	padding-bottom: 5px;
+}
+
 @container (max-width: 580px) {
 	.root {
 		padding: 28px 26px 0;