From 6716bc1a36feb4ea8a42a55be96d4ad5f591abdd Mon Sep 17 00:00:00 2001
From: Adam Kariv <adam.kariv@gmail.com>
Date: Tue, 28 Nov 2023 12:51:04 +0200
Subject: [PATCH] Styles for HotJar surveys

---
 projects/srm/src/app/page/page.component.less |  8 ++++----
 projects/srm/src/styles.less                  | 15 +++++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/projects/srm/src/app/page/page.component.less b/projects/srm/src/app/page/page.component.less
index 032210ac..3f6c5aaf 100644
--- a/projects/srm/src/app/page/page.component.less
+++ b/projects/srm/src/app/page/page.component.less
@@ -193,8 +193,8 @@
 
         &.visible {
             transform: translateY(0%);
-            background: white;
-            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+            // background: white;
+            // box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
         }
 
         .desktop({
@@ -210,12 +210,12 @@
         ::ng-deep {
             * {
                 pointer-events: all;
-                box-shadow: none !important;
+                // box-shadow: none !important;
                 text-align: right !important;
                 font-family: 'RAG Sans', sans-serif !important;
             }
             ._hj-widget-container {
-                box-shadow: none !important;
+                // box-shadow: none !important;
                 & > * > * {
                     font-family: 'RAG Sans', sans-serif !important;
                     * {
diff --git a/projects/srm/src/styles.less b/projects/srm/src/styles.less
index 4789a513..f4b1b244 100644
--- a/projects/srm/src/styles.less
+++ b/projects/srm/src/styles.less
@@ -68,3 +68,18 @@ input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
   -webkit-appearance:none;
 }
+
+// HotJar style fixes
+._hj-widget-theme-light._hj-widget-container  * {
+    font-family: RAG Sans,sans-serif !important;
+    text-align: right !important;
+}
+
+._hj-widget-theme-light._hj-widget-container  input[type=range] {
+    direction: ltr !important;
+    transform: rotate(180deg);
+}
+
+._hj-widget-theme-light._hj-widget-container  datalist > option {
+    text-align: center !important;
+}