[design] increase most text size resolution

Author: zombieFox

src/index.html

@@ -332,7 +332,7 @@ <h1 class="menu-item-header-text">Greeting</h1>
 <hr>
 <divclass="input-wrap">
 <labelfor="control-header-greeting-size">Size</label>
-<inputid="control-header-greeting-size" class="control-header-greeting-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-header-greeting-size" class="control-header-greeting-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <divclass="button-wrap">
 <buttonclass="control-header-greeting-size-default button mb-0" tabindex="-1">Default Greeting size</button>
@@ -362,7 +362,7 @@ <h1 class="menu-item-header-text">Transitional words</h1>
 <hr>
 <divclass="input-wrap">
 <labelfor="control-header-transitional-size">Size</label>
-<inputid="control-header-transitional-size" class="control-header-transitional-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-header-transitional-size" class="control-header-transitional-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <divclass="button-wrap">
 <buttonclass="control-header-transitional-size-default button mb-0" tabindex="-1">Default Transitional size</button>
@@ -436,7 +436,7 @@ <h1 class="menu-item-header-text">Clock</h1>
 <hr>
 <divclass="input-wrap">
 <labelfor="control-header-clock-size">Size</label>
-<inputid="control-header-clock-size" class="control-header-clock-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-header-clock-size" class="control-header-clock-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <divclass="button-wrap">
 <buttonclass="control-header-clock-size-default button mb-0" tabindex="-1">Default Clock size</button>
@@ -571,7 +571,7 @@ <h1 class="menu-item-header-text">Date</h1>
 <hr>
 <divclass="input-wrap">
 <labelfor="control-header-date-size">Size</label>
-<inputid="control-header-date-size" class="control-header-date-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-header-date-size" class="control-header-date-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <divclass="button-wrap">
 <buttonclass="control-header-date-size-default button mb-0" tabindex="-1">Default Date size</button>
@@ -670,7 +670,7 @@ <h1 class="menu-item-header-text">Search</h1>
 <hr>
 <divclass="input-wrap">
 <labelfor="control-header-search-size">Size</label>
-<inputid="control-header-search-size" class="control-header-search-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-header-search-size" class="control-header-search-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <pclass="control-header-search-size-helper form-helper small">Only the Search box width control will change the Width of the Search box.</p>
 <divclass="button-wrap">
@@ -706,7 +706,7 @@ <h1 class="menu-item-header-text">Buttons</h1>
 <hr>
 <divclass="input-wrap">
 <labelfor="control-header-button-size">Size</label>
-<inputid="control-header-button-size" class="control-header-button-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-header-button-size" class="control-header-button-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <divclass="button-wrap">
 <buttonclass="control-header-button-size-default button mb-0" tabindex="-1">Default Button size</button>
@@ -796,7 +796,7 @@ <h1 class="menu-item-header-text">Names</h1>
 <divclass="form-indent">
 <divclass="input-wrap">
 <labelfor="control-group-name-size">Name Size</label>
-<inputid="control-group-name-size" class="control-group-name-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
+<inputid="control-group-name-size" class="control-group-name-size" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
 </div>
 <divclass="button-wrap">
 <buttonclass="control-group-name-size-default button mb-0" tabindex="-1">Default Name size</button>