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:
1 parent
fd4cd73b51
commit
f174bb5f68
2 files changed
+64
-45
No files matched your search
+12
-7
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user