hide recursive default true, and loading msg for better affordance on captcha

gulp/res/js/captcha.js

@@ -34,6 +34,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
 		const captchaDiv = this.previousSibling;
 		const captchaImg = document.createElement('img');
 		const field = this;
+		field.placeholder = 'loading';
 		captchaImg.src = '/captcha';
 		captchaImg.onload = function() {
 			field.placeholder = 'double click image to refresh';
@@ -44,7 +45,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
 	};
 
 	for (let i = 0; i < captchaFields.length; i++) {
-		captchaFields[i].placeholder = 'click to load captcha';
+		captchaFields[i].placeholder = 'focus to load captcha';
 		captchaFields[i].addEventListener('focus', loadCaptcha, { once: true });
 	}
 

gulp/res/js/hide.js

@@ -153,7 +153,7 @@ const heightlimitCss = `img, video { max-height: unset; }`;
 const crispCss = `img { image-rendering: crisp-edges; }`;
 //make classes with css
 //new CssToggle('hidestubs-setting', 'hidestubs', false, hideStubsCss);
-new CssToggle('hiderecursive-setting', 'hiderecursive', false, hideRecursiveCss);
+new CssToggle('hiderecursive-setting', 'hiderecursive', true, hideRecursiveCss);
 new CssToggle('heightlimit-setting', 'heightlimit', false, heightlimitCss);
 new CssToggle('crispimages-setting', 'crispimages', false, crispCss);
 new CssToggle('hideimages-setting', 'hideimages', false, hideImagesCss);