diff --git a/changedetectionio/model/Watch.py b/changedetectionio/model/Watch.py
index 576c6f64..ec93e24f 100644
--- a/changedetectionio/model/Watch.py
+++ b/changedetectionio/model/Watch.py
@@ -246,10 +246,10 @@ class model(dict):
@property
def has_browser_steps(self):
has_browser_steps = self.get('browser_steps') and list(filter(
- lambda s: (s['operation'] and len(s['operation']) and s['operation'] != 'Choose one' and s['operation'] != 'Goto site'),
- self.get('browser_steps')))
+ lambda s: (s['operation'] and len(s['operation']) and s['operation'] != 'Choose one' and s['operation'] != 'Goto site'),
+ self.get('browser_steps')))
- return has_browser_steps
+ return has_browser_steps
# Returns the newest key, but if theres only 1 record, then it's counted as not being new, so return 0.
@property
diff --git a/changedetectionio/static/images/steps.svg b/changedetectionio/static/images/steps.svg
new file mode 100644
index 00000000..57d95c41
--- /dev/null
+++ b/changedetectionio/static/images/steps.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/changedetectionio/static/styles/diff.css b/changedetectionio/static/styles/diff.css
index 55d5faa5..b1a07c20 100644
--- a/changedetectionio/static/styles/diff.css
+++ b/changedetectionio/static/styles/diff.css
@@ -126,6 +126,8 @@ html[data-darkmode="true"] {
html[data-darkmode="true"] .watch-table .title-col a[target="_blank"]::after,
html[data-darkmode="true"] .watch-table .current-diff-url::after {
filter: invert(0.5) hue-rotate(10deg) brightness(2); }
+ html[data-darkmode="true"] .watch-table .status-browsersteps {
+ filter: invert(0.5) hue-rotate(10deg) brightness(1.5); }
html[data-darkmode="true"] .watch-table .watch-controls .state-off img {
opacity: 0.3; }
html[data-darkmode="true"] .watch-table .watch-controls .state-on img {
diff --git a/changedetectionio/static/styles/scss/parts/_variables.scss b/changedetectionio/static/styles/scss/parts/_variables.scss
index fd015a2f..e9e9ccdf 100644
--- a/changedetectionio/static/styles/scss/parts/_variables.scss
+++ b/changedetectionio/static/styles/scss/parts/_variables.scss
@@ -152,6 +152,10 @@ html[data-darkmode="true"] {
filter: invert(.5) hue-rotate(10deg) brightness(2);
}
+ .status-browsersteps {
+ filter: invert(.5) hue-rotate(10deg) brightness(1.5);
+ }
+
.watch-controls {
.state-off {
img {
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index 8c63d822..b00df672 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -342,6 +342,8 @@ html[data-darkmode="true"] {
html[data-darkmode="true"] .watch-table .title-col a[target="_blank"]::after,
html[data-darkmode="true"] .watch-table .current-diff-url::after {
filter: invert(0.5) hue-rotate(10deg) brightness(2); }
+ html[data-darkmode="true"] .watch-table .status-browsersteps {
+ filter: invert(0.5) hue-rotate(10deg) brightness(1.5); }
html[data-darkmode="true"] .watch-table .watch-controls .state-off img {
opacity: 0.3; }
html[data-darkmode="true"] .watch-table .watch-controls .state-on img {
diff --git a/changedetectionio/templates/watch-overview.html b/changedetectionio/templates/watch-overview.html
index f6643df5..186efe42 100644
--- a/changedetectionio/templates/watch-overview.html
+++ b/changedetectionio/templates/watch-overview.html
@@ -110,6 +110,7 @@
{% endif %}
{%if watch.is_pdf %}{% endif %}
+ {% if watch.has_browser_steps %}
{% endif %}
{% if watch.last_error is defined and watch.last_error != False %}