From efc5302ded52be2e5b8d21bf05e272bd06a50c5c Mon Sep 17 00:00:00 2001
From: Myles <mylesheller@icloud.com>
Date: Tue, 28 May 2024 22:37:01 -0400
Subject: [PATCH] form styling

---
 app/components/Feedback/Form.tsx     |  2 +-
 app/components/Feedback/feedback.css | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/components/Feedback/Form.tsx b/app/components/Feedback/Form.tsx
index 2885c085..218c6b34 100644
--- a/app/components/Feedback/Form.tsx
+++ b/app/components/Feedback/Form.tsx
@@ -62,7 +62,7 @@ const FeedbackForm = ({onSubmit, onClose, options, className}: FeedbackFormProps
         placeholder="Leave a comment (optional)"
         onChange={(e) => setMessage(e.target.value)}
       />
-      <Button className="primary full-width" action={handleSubmit} disabled={!enabledSubmit}>
+      <Button className="primary full-width submit" action={handleSubmit} disabled={!enabledSubmit}>
         <p>Submit feedback</p>
       </Button>
     </div>
diff --git a/app/components/Feedback/feedback.css b/app/components/Feedback/feedback.css
index 98ba3701..300a1388 100644
--- a/app/components/Feedback/feedback.css
+++ b/app/components/Feedback/feedback.css
@@ -30,12 +30,20 @@
 /* Comment to Nemo when he reviews: why didn't you just do this the way you did the settings buttons? */
 .select-option {
   height: var(--spacing-48);
-  padding: var(--spacing-8) var(--spacing-16);
   border-radius: 6px;
   margin-bottom: var(--spacing-16);
   cursor: pointer;
   width: 100%;
 }
+
+.submit {
+  height: var(--spacing-48);
+  border-radius: 6px;
+  font-weight: 500 !important;
+  cursor: pointer;
+  width: 100%;
+}
+
 .select-option.selected {
   border: 1px solid var(--colors-teal-500);
 }