proper dragging and icon

src/renderer/components/ChatHead.vue

@@ -8,7 +8,6 @@
 			multiple: filteredImages.length > 1,
 		}"
 		@mousedown="handleMouseDown"
-		@mousemove="handleMouseMove"
 		@mouseup="handleMouseUp"
 		@dblclick="hideChatHead"
 	>
@@ -79,33 +78,27 @@ export default {
 	},
 	data: () => ({
 		isDragging: false,
-		delta: 10,
+		delta: 50,
 		startX: null,
 		startY: null,
 	}),
 	methods: {
 		handleMouseDown(event) {
-			this.isDragging = false;
 			this.startX = event.pageX;
 			this.startY = event.pageY;
 		},
-		handleMouseMove() {
-			this.isDragging = true;
-		},
 		handleMouseUp(event) {
 			const { delta, startX, startY, isDragging, hidden } = this;
 			const diffX = Math.abs(event.pageX - startX);
 			const diffY = Math.abs(event.pageY - startY);
 
 			if (
-				isDragging === false &&
 				diffX < delta &&
 				diffY < delta &&
 				!hidden
 			) {
 				this.$emit('select');
 			}
-			this.isDragging = false;
 		},
 		hideChatHead() {
 			this.$emit('hide');

src/renderer/views/Main.vue

@@ -117,7 +117,7 @@ export default {
 			ipcRenderer.removeAllListeners('update_downloaded');
 			this.updateAvailable = true;
 		});
-		ipcRenderer.on('checking_update', (value) => {
+		ipcRenderer.on('checking_update', value => {
 			console.log('Checking for update: ', value);
 			ipcRenderer.removeAllListeners('checking_update');
 		});
@@ -271,6 +271,16 @@ export default {
 			}
 		},
 		updateChats(stringifiedChats) {
+			if (this.heads === null) {
+				// workaround for initial chat window scroll
+				// position set to middle (for some reeason)
+				const webview = document.querySelector('#messengerWebView');
+				setTimeout(() => {
+					webview.executeJavaScript(`
+						scrollToBottom();
+					`);
+				}, 1000);
+			}
 			this.heads = JSON.parse(stringifiedChats);
 		},
 		updateLayout() {