diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss index e182cd35..aa5e7aa5 100644 --- a/changedetectionio/static/styles/scss/styles.scss +++ b/changedetectionio/static/styles/scss/styles.scss @@ -1096,3 +1096,16 @@ ul { white-space: nowrap; } +#chrome-extension-link { + img { + height: 21px; + padding: 2px; + vertical-align: middle; + } + + padding: 9px; + border: 1px solid var(--color-grey-800); + border-radius: 10px; + vertical-align: middle; +} + diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css index b00df672..ae37c680 100644 --- a/changedetectionio/static/styles/styles.css +++ b/changedetectionio/static/styles/styles.css @@ -1180,3 +1180,13 @@ ul { .restock-label.not-in-stock { background-color: var(--color-background-button-cancel); color: #777; } + +#chrome-extension-link { + padding: 9px; + border: 1px solid var(--color-grey-800); + border-radius: 10px; + vertical-align: middle; } + #chrome-extension-link img { + height: 21px; + padding: 2px; + vertical-align: middle; } diff --git a/changedetectionio/templates/base.html b/changedetectionio/templates/base.html index d8ec20e3..c4c664cb 100644 --- a/changedetectionio/templates/base.html +++ b/changedetectionio/templates/base.html @@ -147,7 +147,19 @@
- changedetection.io needs your support!
+

Try our Chrome extension

+

+ + + Chrome Webstore + +

+ + Easily add the current web-page from your browser directly into your changedetection.io tool, more great features coming soon! + +

Changedetection.io needs your support!

You can help us by supporting changedetection.io on these platforms;