cleanup some css and js

dev/External/ifvisible.js

@@ -1,37 +1,36 @@
 (doc => {
-	let visible = "visible",
+	let idle = 'idle',
+		visible = 'visible',
 		status = visible,
 		timer = 0,
 		wakeUp = () => {
 			clearTimeout(timer);
-			if (status !== visible) {
 			status = visible;
-			}
 			timer = setTimeout(() => {
 				if (status === visible) {
-					status = "idle";
-					dispatchEvent(new CustomEvent("idle"));
+					status = idle;
+					dispatchEvent(new CustomEvent(idle));
 				}
 			}, 10000);
 		},
 		init = () => {
-			init = ()=>{};
+			init = () => 0;
 			// Safari
-			addEventListener('pagehide', () => status = "hidden");
+			addEventListener('pagehide', () => status = 'hidden');
 			// Else
-			doc.addEventListener("visibilitychange", () => {
+			doc.addEventListener('visibilitychange', () => {
 				status = doc.visibilityState;
 				doc.hidden || wakeUp();
 			});
 			wakeUp();
-			["mousemove","keyup","touchstart"].forEach(t => doc.addEventListener(t, wakeUp));
-			["scroll","pageshow"].forEach(t => addEventListener(t, wakeUp));
+			['mousemove','keyup','touchstart'].forEach(t => doc.addEventListener(t, wakeUp));
+			['scroll','pageshow'].forEach(t => addEventListener(t, wakeUp));
 		};
 
 	this.ifvisible = {
 		idle: callback => {
 			init();
-			addEventListener("idle", callback);
+			addEventListener(idle, callback);
 		},
 		now: () => {
 			init();

dev/Styles/User/MessageList.less

@@ -150,12 +150,6 @@ html.rl-no-preview-pane {
 			line-height: 30px;
 		}
 
-		.listLoading .icon-spinner {
-			width: 0.75em;
-			height: 0.75em;
-			margin: 0;
-		}
-
 		.listDragOver {
 			max-height: 0;
 			overflow: hidden;

dev/Styles/_FontasticToBoot.less

@@ -38,8 +38,8 @@
 
 .icon-spinner {
 
-	height: 10px;
-	width: 10px;
+	height: 0.75em;
+	width: 0.75em;
 
 	margin: 0 -1px;
 
@@ -48,21 +48,6 @@
 	border-radius: 100%;
 }
 
-.btn-success .icon-spinner {
-	border-color: #fff;
-	border-top-color: #999;
-	&.animated {
-		border-color: transparent;
-		border-top-color: #fff;
-	}
-}
-
-.btn-large .icon-spinner {
-	height: 13px;
-	width: 13px;
-	margin: -1px -2px;
-}
-
 .icon-spinner:not(.not-animated),
 .list-loading .icon-spinner.not-animated {
 	border-color: transparent;
@@ -70,6 +55,11 @@
 	animation: rotation .8s infinite ease-in-out;
 }
 
+.btn.btn-success .icon-spinner {
+	border-color: transparent;
+	border-top-color: #fff;
+}
+
 .fontastic.icon-spinner {
 	text-indent: -5em;
 	overflow: hidden;

dev/dragdropgecko.js

@@ -6,7 +6,11 @@
  */
 
 (doc => {
-	let ua = navigator.userAgent.toLowerCase(),
+	let ua = navigator.userAgent.toLowerCase();
+	// Chrome on mobile supports drag & drop
+	if (ua.includes('mobile') && ua.includes('gecko/')) {
+
+		let opt = { passive: false, capture: false },
 
 			dropEffect = 'move',
 			effectAllowed = 'all',
@@ -133,18 +137,12 @@
 				cDst.getContext('2d').drawImage(cSrc, 0, 0);
 			}
 			// copy style (without transitions)
-		let cs = getComputedStyle(src), i;
-		for (i = 0; i < cs.length; i++) {
-			let key = cs[i];
-			if (key.indexOf('transition') < 0) {
-				dst.style[key] = cs[key];
-			}
-		}
+			let cs = getComputedStyle(src);
+			Object.entries(cs).forEach(([key, value]) => key.includes('transition') || (dst.style[key] = value));
 			dst.style.pointerEvents = 'none';
 			// and repeat for all children
-		for (i = 0; i < src.children.length; i++) {
-			copyStyle(src.children[i], dst.children[i]);
-		}
+			let i = src.children.length;
+			while (i--) copyStyle(src.children[i], dst.children[i]);
 		},
 
 		// return false when cancelled
@@ -165,10 +163,6 @@
 			return false;
 		};
 
-	// Chrome on mobile supports drag & drop
-	if (ua.includes('mobile') && ua.includes('gecko/')) {
-		let opt = { passive: false, capture: false };
-
 		doc.addEventListener('touchstart', e => {
 			// clear all variables
 			reset();