tweak widget width, line-height and textarea rows (#76)

laander · web-flow · commit eca8ee08add5 · 2023-11-07T10:41:43.000Z
diff --git a/src/feedback/FeedbackDialog.css b/src/feedback/FeedbackDialog.css
@@ -36,7 +36,7 @@
 
 .dialog {
   position: fixed;
-  width: 280px;
+  width: 210px;
   padding: 16px 22px 10px;
   font-size: var(--bucket-feedback-dialog-font-size, 1rem);
   font-family: var(
diff --git a/src/feedback/FeedbackForm.css b/src/feedback/FeedbackForm.css
@@ -48,6 +48,7 @@
   text-wrap: balance;
   max-width: calc(100% - 20px);
   margin-bottom: 6px;
+  line-height: 1.3;
 }
 
 .dimmed {
@@ -69,7 +70,7 @@
     Open Sans,
     sans-serif
   );
-
+  line-height: 1.3;
   resize: none;
 
   color: var(--bucket-feedback-dialog-color, #1e1f24);
diff --git a/src/feedback/FeedbackForm.tsx b/src/feedback/FeedbackForm.tsx
@@ -200,7 +200,7 @@ export const FeedbackForm: FunctionComponent<FeedbackFormProps> = ({
                 class="textarea"
                 name="comment"
                 placeholder={t.QuestionPlaceholder}
-                rows={5}
+                rows={4}
               />
             </div>
 
