Add missing tooltips for video range icons

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>

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");