From 226ad227486b515a57bea77eef70093ee6f624e9 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Wed, 6 Jan 2021 22:01:30 -0800
Subject: [PATCH] Author:			Mark McDowall
 <mark@mcdowall.ca>

Author date:	6 months ago (1/7/2021 1:01:30 AM)
Committer:		PearsonFlyer <PearsonFlyer@github.com>
Commit date:	19 minutes ago (7/9/2021 3:21:25 PM)
Commit hash:	0a104a9cf8a1c5421a0beed9120bfc84fac896a0
Child:			Commit index
Parent:			4f986de3

New: Allow quality size limits to be closer together

(cherry picked from commit 8a3027fa7c99af21a56ac1cfe9a5a0846de9c474)
(cherry picked from commit ef5d1b29467ea24d6721e54aec4b35062ab72e4f)
Contained in branches:
qual_size_limits
Contained in no tag

Derives from tag: v0.7.1.1381 + 815 commits
---
 .../src/Settings/Quality/Definition/QualityDefinition.js   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinition.js b/frontend/src/Settings/Quality/Definition/QualityDefinition.js
index 1ceb90270..fa007b07a 100644
--- a/frontend/src/Settings/Quality/Definition/QualityDefinition.js
+++ b/frontend/src/Settings/Quality/Definition/QualityDefinition.js
@@ -14,6 +14,7 @@ import styles from './QualityDefinition.css';
 
 const MIN = 0;
 const MAX = 1500;
+const MIN_DISTANCE = 1;
 
 const slider = {
   min: MIN,
@@ -150,7 +151,7 @@ class QualityDefinition extends Component {
             min={slider.min}
             max={slider.max}
             step={slider.step}
-            minDistance={10}
+            minDistance={MIN_DISTANCE * 5}
             value={[sliderMinSize, sliderMaxSize]}
             withTracks={true}
             snapDragDisabled={true}
@@ -207,7 +208,7 @@ class QualityDefinition extends Component {
                   name={`${id}.min`}
                   value={minSize || MIN}
                   min={MIN}
-                  max={maxSize ? maxSize - 10 : MAX - 10}
+                  max={maxSize ? maxSize - MIN_DISTANCE : MAX - MIN_DISTANCE}
                   step={0.1}
                   isFloat={true}
                   onChange={this.onMinSizeChange}
@@ -220,8 +221,8 @@ class QualityDefinition extends Component {
                 <NumberInput
                   className={styles.sizeInput}
                   name={`${id}.max`}
-                  min={minSize + 10}
                   value={maxSize || MAX}
+                  min={minSize + MIN_DISTANCE}
                   max={MAX}
                   step={0.1}
                   isFloat={true}