From 24c600cd59f83a23b2835548b767601f9c0c2c01 Mon Sep 17 00:00:00 2001
From: Justin Ellingwood <justin@n8n.io>
Date: Thu, 5 Dec 2024 18:24:38 +0000
Subject: [PATCH] Make feedback widget more prominent (#2682)

---
 docs/_extra/css/extra.css    |  1 +
 docs/_extra/css/feedback.css | 35 +++++++++++++++++++++++++++++++++++
 mkdocs.yml                   |  3 ++-
 3 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 docs/_extra/css/feedback.css

diff --git a/docs/_extra/css/extra.css b/docs/_extra/css/extra.css
index fff46a6da46..0ef571108c6 100644
--- a/docs/_extra/css/extra.css
+++ b/docs/_extra/css/extra.css
@@ -17,6 +17,7 @@
   :root {
 	--color-primary: hsl(170, 69%, 35%);
 	--color-primary-shade-1: hsl(170, 69%, 30%);
+	--color-primary-tint-1: hsl(170, 69%, 97%);
 	--color-text-base: #58585F; 
 	--color-text-dark: #555555;
 	--color-background-base: #f2f4f8;
diff --git a/docs/_extra/css/feedback.css b/docs/_extra/css/feedback.css
new file mode 100644
index 00000000000..280e3148721
--- /dev/null
+++ b/docs/_extra/css/feedback.css
@@ -0,0 +1,35 @@
+/* form itself */
+.md-feedback {
+	background-color: var(--color-primary-tint-1);
+	padding: 10px;
+}
+
+.md-feedback fieldset {
+}
+
+/* form title */
+.md-feedback__title {
+	color: var(--color-primary);
+	font-size: 1.3rem;
+}
+
+/* container for vote buttons and note */
+.md-feedback__inner {
+}
+
+/* list of rating buttons */
+.md-feedback__list {
+}
+
+/* rating button icons */
+.md-feedback__icon {
+}
+
+.md-feedback__icon svg {
+	width: 1.5rem;
+	height: 1.5rem;
+}
+
+/* post-submission note */
+.md-feedback__note {
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index 6811677d6c1..0720293094a 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -64,7 +64,7 @@ extra:
           note: >-
             Thanks for your feedback!
         - icon: material/emoticon-sad-outline
-          name: This page could be improved
+          name: This page wasn't helpful
           data: 0
           note: >-
             Thanks for your feedback! Help us improve this page by
@@ -84,6 +84,7 @@ extra_css:
   - _extra/css/macro-styles.css
   - _extra/css/templates-widget.css
   - _extra/css/workflow-demo.css
+  - _extra/css/feedback.css
 # https://squidfunk.github.io/mkdocs-material/customization/?h=#additional-javascript
 extra_javascript:
   - _extra/javascript/extra.js