minor tweaks

changedetectionio/static/styles/styles.css

@@ -432,8 +432,8 @@ and also iPads specifically.
 
 #beta-logo {
   height: 50px;
-  right: 0px;
+  right: -3px;
-  top: 0px;
+  top: -3px;
   position: absolute; }
 
 #selector-header {

changedetectionio/static/styles/styles.scss

@@ -616,8 +616,9 @@ $form-edge-padding: 20px;
 
 #beta-logo {
     height: 50px;
-    right: 0px;
+    // looks better when it's hanging off a little
-    top: 0px;
+    right: -3px;
+    top: -3px;
     position: absolute;
 }
 

changedetectionio/templates/edit.html

@@ -215,16 +215,27 @@ nav
                                 <div id="selector-wrapper">
                                     <!-- request the screenshot and get the element offset info ready -->
                                     <!-- use img src ready load to know everything is ready to map out -->
+                                    <!-- @todo: maybe something interesting like a field to select 'elements that contain text... and their parents n' -->
                                     <img id="selector-background" />
                                     <canvas id="selector-canvas"></canvas>
+
                                 </div>
                                 <div id="selector-current-xpath" style="overflow-x: hidden"><strong>Currently:</strong>&nbsp;<span class="text">Loading...</span></div>
+
+                            <span class="pure-form-message-inline">
+                                <p><span style="font-weight: bold">Beta!</span> The Visual Selector is new and there may be minor bugs, please report pages that dont work, help us to improve this software!</p>
+                            </span>
+
                             {% else %}
                                 <span class="pure-form-message-inline">Screenshot and element data is not available or not yet ready.</span>
                             {% endif %}
                         {% else %}
-                            <span class="pure-form-message-inline">Sorry, this functionality only works with Playwright/Chrome enabled watches,
+                            <span class="pure-form-message-inline">
-                                alternatively try our <a href="https://lemonade.changedetection.io/start">very affordable subscription based service</a></span>
+                                <p>Sorry, this functionality only works with Playwright/Chrome enabled watches.</p>
+                                <p>Enable the Playwright Chrome fetcher, or alternatively try our <a href="https://lemonade.changedetection.io/start">very affordable subscription based service</a>.</p>
+                                <p>This is because Selenium/WebDriver can not extract full page screenshots reliably.</p>
+
+                            </span>
                         {% endif %}
                     </div>
                 </fieldset>