From 615fa2c5b2695b624c000b6f0a6cc916056745a9 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Mon, 28 Feb 2022 22:39:32 +0100
Subject: [PATCH] Tweak support tabs and text (#440)

---
 changedetectionio/__init__.py               | 3 ++-
 changedetectionio/static/styles/styles.css  | 4 ++--
 changedetectionio/static/styles/styles.scss | 6 ++----
 changedetectionio/templates/base.html       | 2 +-
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/changedetectionio/__init__.py b/changedetectionio/__init__.py
index ac8d5bc3..9788db3c 100644
--- a/changedetectionio/__init__.py
+++ b/changedetectionio/__init__.py
@@ -370,7 +370,8 @@ def changedetection_app(config=None, datastore_o=None):
                                  app_rss_token=datastore.data['settings']['application']['rss_access_token'],
                                  has_unviewed=datastore.data['has_unviewed'],
                                  # Don't link to hosting when we're on the hosting environment
-                                 hosted_sticky=os.getenv("SALTED_PASS", False) == False)
+                                 hosted_sticky=os.getenv("SALTED_PASS", False) == False,
+                                 guid=datastore.data['app_guid'])
 
         return output
 
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index cf850004..c456afb2 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -242,7 +242,7 @@ footer {
 
 .sticky-tab {
   position: absolute;
-  top: 100px;
+  top: 60px;
   font-size: 8px;
   background: #fff;
   padding: 10px; }
@@ -252,7 +252,7 @@ footer {
     right: 0px; }
   .sticky-tab#hosted-sticky {
     right: 0px;
-    top: 60px;
+    top: 100px;
     font-weight: bold; }
 
 #new-version-text a {
diff --git a/changedetectionio/static/styles/styles.scss b/changedetectionio/static/styles/styles.scss
index 39451c46..a1c1fb7c 100644
--- a/changedetectionio/static/styles/styles.scss
+++ b/changedetectionio/static/styles/styles.scss
@@ -317,11 +317,9 @@ footer {
     */
 }
 
-
-
 .sticky-tab {
   position: absolute;
-  top: 100px;
+  top: 60px;
   font-size: 8px;
   background: #fff;
   padding: 10px;
@@ -333,7 +331,7 @@ footer {
   }
   &#hosted-sticky {
     right: 0px;
-    top: 60px;
+    top: 100px;
     font-weight: bold;
   }
 }
diff --git a/changedetectionio/templates/base.html b/changedetectionio/templates/base.html
index 99be4c6d..d36dfca8 100644
--- a/changedetectionio/templates/base.html
+++ b/changedetectionio/templates/base.html
@@ -68,7 +68,7 @@
         </ul>
     </div>
 </div>
-{% if hosted_sticky %}<div class="sticky-tab" id="hosted-sticky"><a href="https://lemonade.changedetection.io/start">Switch to Fully Hosted</a></div>{% endif %}
+{% if hosted_sticky %}<div class="sticky-tab" id="hosted-sticky"><a href="https://lemonade.changedetection.io/start?ref={{guid}}">Let us host your instance!</a></div>{% endif %}
 {% if left_sticky %}<div class="sticky-tab" id="left-sticky"><a href="{{url_for('preview_page', uuid=uuid)}}">Show current snapshot</a></div> {% endif %}
 {% if right_sticky %}<div class="sticky-tab" id="right-sticky">{{ right_sticky }}</div> {% endif %}
 <section class="content">