Feedback: space/bottom-align Send button; submit No + comment as one row

Comment area is now a flex row that bottom-aligns the Send button with a 16px gap. The No vote is held until the comment is sent so both land on one Google Form row; a No left without a comment is still recorded once via sendBeacon on page-leave.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-07-31 12:03:07 +02:00
1 parent fd4cd73b51
commit f174bb5f68
2 files changed
+64 -45

No files matched your search

+12 -7
View File
@@ -511,16 +511,20 @@
.guide-feedback-comment {
flex-basis: 100%;
margin-top: 4px;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 16px;
}
.guide-feedback-comment-label {
display: block;
margin-bottom: 6px;
flex-basis: 100%;
margin: 0;
font-size: 14px;
font-weight: 600;
color: #344054;
}
.guide-feedback-comment-input {
width: 100%;
flex: 1 1 300px;
max-width: 520px;
padding: 10px 12px;
border: 1.5px solid #D0D5DD;
@@ -535,9 +539,9 @@
box-shadow: 0 0 0 3px rgba(115, 96, 242, .15);
}
.guide-feedback-comment-send {
display: inline-block;
margin-top: 8px;
padding: 8px 20px;
flex: 0 0 auto;
margin: 0;
padding: 11px 24px;
border: none;
border-radius: 8px;
background: #7360F2;
@@ -557,7 +561,8 @@
transform: none;
}
.guide-feedback-comment-thanks {
margin: 8px 0 0;
flex-basis: 100%;
margin: 0;
color: #12B76A;
font-weight: 600;
}