From 870a76c570c9253f642696f60037354407ff98af Mon Sep 17 00:00:00 2001
From: Siddhant Sehgal <35633575+coderrsid@users.noreply.github.com>
Date: Sat, 11 Apr 2020 16:08:00 +0530
Subject: [PATCH] Desktop: Fixes #2830: Fixes todo mouse hover behaviour
 (#2831)

* Fixed-todoitem-hover

* Added empty space for build fix

* Fixed-todo-hover
---
 ElectronClient/gui/NoteList.jsx | 5 ++---
 ElectronClient/style.css        | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/ElectronClient/gui/NoteList.jsx b/ElectronClient/gui/NoteList.jsx
index 6cadc081f4..0bedc46204 100644
--- a/ElectronClient/gui/NoteList.jsx
+++ b/ElectronClient/gui/NoteList.jsx
@@ -171,7 +171,7 @@ class NoteListComponent extends React.Component {
 		const checkbox = item.is_todo ? (
 			<div style={{ display: 'flex', height: style.height, alignItems: 'center', paddingLeft: hPadding }}>
 				<input
-					style={{ margin: 0, marginBottom: 1 }}
+					style={{ margin: 0, marginBottom: 1, marginRight: 5 }}
 					type="checkbox"
 					defaultChecked={!!item.todo_completed}
 					onClick={event => {
@@ -229,11 +229,10 @@ class NoteListComponent extends React.Component {
 		// Need to include "todo_completed" in key so that checkbox is updated when
 		// item is changed via sync.
 		return (
-			<div key={`${item.id}_${item.todo_completed}`} style={style}>
+			<div key={`${item.id}_${item.todo_completed}`} className="list-item-container" style={style}>
 				{checkbox}
 				<a
 					ref={ref}
-					className="list-item"
 					onContextMenu={event => this.itemContextMenu(event)}
 					href="#"
 					draggable={true}
diff --git a/ElectronClient/style.css b/ElectronClient/style.css
index a9108ef1cf..c409bcc441 100644
--- a/ElectronClient/style.css
+++ b/ElectronClient/style.css
@@ -71,7 +71,7 @@ a {
 	opacity: 0;
 }
 
-.note-list .list-item:hover {
+.note-list .list-item-container:hover {
 	background-color: rgba(0,160,255,0.1) !important;
 }