fix(docs): Fix feedback form UI (#4549)

* Fix feedback form UI
iotaledger · Dec 20, 2024 · 95910c0 · 95910c0
1 parent e3274cd
commit 95910c0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/docs/site/src/components/FeedbackForm/index.tsx b/docs/site/src/components/FeedbackForm/index.tsx
@@ -20,7 +20,6 @@ const FeedbackForm = () => {
 
   return (
     <div className="feedback-container">
-      <div className="divider"></div>
       <div className={clsx("h3", "feedback-header")}>Feedback Form</div>
       <form onSubmit={handleSubmit}>
         <div className="form-group">
@@ -54,7 +53,6 @@ const FeedbackForm = () => {
           Submit Feedback
         </button>
       </form>
-      <div className="divider"></div>
     </div>
   );
 };

diff --git a/docs/site/src/components/FeedbackForm/styles.css b/docs/site/src/components/FeedbackForm/styles.css
@@ -1,5 +1,15 @@
 .feedback-container {
-  /* margin: 20px; */
+  background-color: #0000001a;
+  padding-top: 0.25rem;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  padding-bottom: 1.25rem;
+  margin-top: 1rem;
+  border-radius: 0.5rem;
+}
+
+[data-theme="dark"] .feedback-container {
+  background-color: #1e1e1e;
 }
 
 .feedback-header {