<h2 dir="auto"><g-emoji class="g-emoji" alias="memo" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4dd.png">📝</g-emoji> Provide a description of the new feature</h2>
<p dir="auto"><em>What is the expected behavior of the proposed feature?  What is the scenario this would be used?</em></p>
<p dir="auto">Currently, the 'Space around zones' feature changes template shapes irregularly often. If I enter '5' (for example) into the text box, it changes the spacing in the view:</p>
<ul dir="auto">
<li>When I click 'Distance to highlight adjacent zones'</li>
<li>If I tab to the next item</li>
<li>If I click the +/- for number of zones</li>
<li>If I click over to the 'Custom' tab</li>
<li>If I click 'Edit selected layout'</li>
</ul>
<p dir="auto">It does <em>not</em> change the spacing:</p>
<ul dir="auto">
<li>If I click a different template layout</li>
<li>If I hit enter</li>
<li>If I click the whitespace beside the entry box</li>
<li>If I move the window</li>
</ul>
<p dir="auto">All four of these entry methods pull focus from the textbox, and the displayed value should therefore pull focus.</p>
<hr>
<p dir="auto">If you'd like to see this feature implemented, add a <g-emoji class="g-emoji" alias="+1" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png">👍</g-emoji> reaction to this post.</p>
<p dir="auto">i noticed when you are editing number in space around zones  (when you chose your layout)</p>
<p dir="auto">it does not update GUI representation of zones on change.... only when you disable and reenable show space around zones</p>
<p dir="auto">you are probably missing onchange listener on  that numberpicker and it has simple fix</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="spaceAroundZoneNumPickerRef.onChange(function(){/*redraw gui representation*/})"><pre class="notranslate"><span class="pl-s1">spaceAroundZoneNumPickerRef</span><span class="pl-kos">.</span><span class="pl-en">onChange</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">{</span><span class="pl-c">/*redraw gui representation*/</span><span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>