From 64c47520acd6dff50b2ea36f847ef95c6831562a Mon Sep 17 00:00:00 2001
From: ElementalAlchemist <ElementAlchemist7@gmail.com>
Date: Tue, 1 Nov 2022 21:01:25 -0500
Subject: [PATCH] Add missing tooltips for video range icons

---
 thrimbletrimmer/edit.html       | 8 ++++++--
 thrimbletrimmer/scripts/edit.js | 9 +++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/thrimbletrimmer/edit.html b/thrimbletrimmer/edit.html
index 425fdf9..f0175a4 100644
--- a/thrimbletrimmer/edit.html
+++ b/thrimbletrimmer/edit.html
@@ -131,24 +131,28 @@
 							<input type="text" class="range-definition-start" />
 							<img
 								src="images/pencil.png"
-								alt="Set range start point to current video time"
+								alt="Set range start point to the current video time"
+								title="Set range start point to the current video time"
 								class="range-definition-set-start click"
 							/>
 							<img
 								src="images/play_to.png"
 								alt="Play from start point"
+								title="Play from start point"
 								class="range-definition-play-start click"
 							/>
 							<div class="range-definition-between-time-gap"></div>
 							<input type="text" class="range-definition-end" />
 							<img
 								src="images/pencil.png"
-								alt="Set range end point to current video time"
+								alt="Set range end point to the current video time"
+								title="Set range end point to the current video time"
 								class="range-definition-set-end click"
 							/>
 							<img
 								src="images/play_to.png"
 								alt="Play from end point"
+								title="Play from range end point"
 								class="range-definition-play-end click"
 							/>
 							<div class="range-definition-icon-gap"></div>
diff --git a/thrimbletrimmer/scripts/edit.js b/thrimbletrimmer/scripts/edit.js
index 287b7a3..758aad6 100644
--- a/thrimbletrimmer/scripts/edit.js
+++ b/thrimbletrimmer/scripts/edit.js
@@ -1243,12 +1243,14 @@ function rangeDefinitionDOM() {
 	rangeStart.classList.add("range-definition-start");
 	const rangeStartSet = document.createElement("img");
 	rangeStartSet.src = "images/pencil.png";
-	rangeStartSet.alt = "Set range start point to current video time";
+	rangeStartSet.alt = "Set range start point to the current video time";
+	rangeStartSet.title = rangeStartSet.alt;
 	rangeStartSet.classList.add("range-definition-set-start");
 	rangeStartSet.classList.add("click");
 	const rangeStartPlay = document.createElement("img");
 	rangeStartPlay.src = "images/play_to.png";
 	rangeStartPlay.alt = "Play from start point";
+	rangeStartPlay.title = rangeStartPlay.alt;
 	rangeStartPlay.classList.add("range-definition-play-start");
 	rangeStartPlay.classList.add("click");
 	const rangeTimeGap = document.createElement("div");
@@ -1258,16 +1260,19 @@ function rangeDefinitionDOM() {
 	rangeEnd.classList.add("range-definition-end");
 	const rangeEndSet = document.createElement("img");
 	rangeEndSet.src = "images/pencil.png";
-	rangeEndSet.alt = "Set range end point to current video time";
+	rangeEndSet.alt = "Set range end point to the current video time";
+	rangeEndSet.title = rangeEndSet.alt;
 	rangeEndSet.classList.add("range-definition-set-end");
 	rangeEndSet.classList.add("click");
 	const rangeEndPlay = document.createElement("img");
 	rangeEndPlay.src = "images/play_to.png";
 	rangeEndPlay.alt = "Play from end point";
+	rangeEndPlay.title = rangeEndPlay.alt;
 	rangeEndPlay.classList.add("range-definition-play-end");
 	rangeEndPlay.classList.add("click");
 	const removeRange = document.createElement("img");
 	removeRange.alt = "Remove range";
+	removeRange.title = removeRange.alt;
 	removeRange.src = "images/minus.png";
 	removeRange.classList.add("range-definition-remove");
 	removeRange.classList.add("click");