From 09aae40c4aff824f748758a8b49d50fe26c352c6 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Mon, 9 Sep 2024 22:03:59 +0200
Subject: [PATCH] tweak style

---
 .../static/styles/scss/parts/_preview_text_filter.scss    | 8 +++++++-
 changedetectionio/static/styles/styles.css                | 6 ++++++
 changedetectionio/templates/edit.html                     | 6 +++---
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss b/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
index c12401fe..1e18c586 100644
--- a/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
+++ b/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
@@ -35,5 +35,11 @@ body.preview-text-enabled {
     white-space: pre-wrap; /* Preserves whitespace and line breaks like <pre> */
     overflow-wrap: break-word; /* Allows long words to break and wrap to the next line */
   }
+}
 
-}
\ No newline at end of file
+#activate-text-preview {
+  right: 0;
+  position: absolute;
+  z-index: 0;
+  box-shadow: 1px 1px 4px var(--color-shadow-jump);
+}
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index b2c02f82..56e74153 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -446,6 +446,12 @@ body.preview-text-enabled {
     overflow-wrap: break-word;
     /* Allows long words to break and wrap to the next line */ }
 
+#activate-text-preview {
+  right: 0;
+  position: absolute;
+  z-index: 0;
+  box-shadow: 1px 1px 4px var(--color-shadow-jump); }
+
 body {
   color: var(--color-text);
   background: var(--color-background-page);
diff --git a/changedetectionio/templates/edit.html b/changedetectionio/templates/edit.html
index a77d25df..e5f5e642 100644
--- a/changedetectionio/templates/edit.html
+++ b/changedetectionio/templates/edit.html
@@ -254,9 +254,9 @@ User-Agent: wonderbra 1.0") }}
 
             {% if watch['processor'] == 'text_json_diff' %}
             <div class="tab-pane-inner" id="filters-and-triggers">
-            <span id="activate-text-preview" style="right: 0;position: absolute;     z-index: 100;" class="pure-button pure-button-primary button-xsmall">Activate preview</span>
+                <span id="activate-text-preview" class="pure-button pure-button-primary button-xsmall">Activate preview</span>
               <div>
-                <div id="edit-text-filter">
+              <div id="edit-text-filter">
                     <div class="pure-control-group" id="pro-tips">
                             <strong>Pro-tips:</strong><br>
                             <ul>
@@ -410,7 +410,7 @@ Unavailable") }}
                 </fieldset>
                 </div>
             </div>
-            <div id="text-preview" style="display: none;" >
+              <div id="text-preview" style="display: none;" >
                     <script>
                         const preview_text_edit_filters_url="{{url_for('watch_get_preview_rendered', uuid=uuid)}}";
                     </script>