From e9a2ec0648d67818c73bdeb633d1bd904770fdcb Mon Sep 17 00:00:00 2001
From: ElementalAlchemist <ElementAlchemist7@gmail.com>
Date: Thu, 14 Oct 2021 22:27:20 -0500
Subject: [PATCH] Fix inconsistent styling on ranges

---
 thrimbletrimmer/beta/scripts/edit.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/thrimbletrimmer/beta/scripts/edit.js b/thrimbletrimmer/beta/scripts/edit.js
index 3b00f4a..f4ca9d3 100644
--- a/thrimbletrimmer/beta/scripts/edit.js
+++ b/thrimbletrimmer/beta/scripts/edit.js
@@ -649,6 +649,8 @@ function rangeDefinitionDOM() {
 	rangeStartSet.alt = "Set range start point to current video time";
 	rangeStartSet.classList.add("range-definition-set-start");
 	rangeStartSet.classList.add("click");
+	const rangeTimeGap = document.createElement("div");
+	rangeTimeGap.classList.add("range-definition-between-time-gap");
 	const rangeEnd = document.createElement("input");
 	rangeEnd.type = "text";
 	rangeEnd.classList.add("range-definition-end");
@@ -698,6 +700,7 @@ function rangeDefinitionDOM() {
 
 	rangeContainer.appendChild(rangeStart);
 	rangeContainer.appendChild(rangeStartSet);
+	rangeContainer.appendChild(rangeTimeGap);
 	rangeContainer.appendChild(rangeEnd);
 	rangeContainer.appendChild(rangeEndSet);
 	rangeContainer.appendChild(removeRange);