tweak style

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 */
   }
+}
 
+#activate-text-preview {
+  right: 0;
+  position: absolute;
+  z-index: 0;
+  box-shadow: 1px 1px 4px var(--color-shadow-jump);
 }

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);

changedetectionio/templates/edit.html

@@ -254,7 +254,7 @@ 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 class="pure-control-group" id="pro-tips">