From f7b04bd0c92734b0cd2f4f328ed617594f9b3d0a Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Sat, 15 Jun 2024 16:55:34 +0200
Subject: [PATCH] style(challenge modal): improve themes

---
 .../challenge-modal/challenge-modal.module.css    | 15 +++++++++++++++
 src/views/pending-post/pending-post.tsx           |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/challenge-modal/challenge-modal.module.css b/src/components/challenge-modal/challenge-modal.module.css
index f60b7368..19757cf5 100644
--- a/src/components/challenge-modal/challenge-modal.module.css
+++ b/src/components/challenge-modal/challenge-modal.module.css
@@ -53,6 +53,21 @@
   vertical-align: top;
 }
 
+.container input[type="text"], .container textarea {
+  border: var(--post-form-field-input-border, 1px solid #aaa);
+  font-family: var(--post-form-field-font-family, revert);
+  appearance: var(--post-form-field-input-appearance, revert);
+  outline: var(--post-form-field-input-outline, revert);
+  background-color: var(--post-form-field-input-background-color, revert);
+  color: var(--post-form-field-input-color, revert);
+  padding: 2px 4px 3px;
+  font-size: 10pt;
+}
+
+.container input[type="text"]:focus, .container textarea:focus {
+  border: var(--post-form-field-input-focus-border, revert);
+}
+
 .challengeAnswer {
   font-size: 11px !important;
   padding: 0px 2px;
diff --git a/src/views/pending-post/pending-post.tsx b/src/views/pending-post/pending-post.tsx
index c0c65d0a..4348938a 100644
--- a/src/views/pending-post/pending-post.tsx
+++ b/src/views/pending-post/pending-post.tsx
@@ -25,7 +25,7 @@ const PendingPost = () => {
   return (
     <>
       {isInSettingsView && <SettingsModal />}
-      <Post post={post} showReplies={false} />;
+      <Post post={post} showReplies={false} />
     </>
   );
 };