form styling

StampyAI · May 29, 2024 · efc5302 · efc5302
1 parent 1c52886
commit efc5302
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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);
 }