| OLD | NEW |
| 1 <div id="copies-settings" class="two-column" hidden> | 1 <div id="copies-settings" class="two-column" hidden> |
| 2 <div class="left-column"> | 2 <div class="left-column"> |
| 3 <h1 id="copies-label" i18n-content="copiesLabel"></h1> | 3 <h1 id="copies-label">$i18n{copiesLabel}</h1> |
| 4 </div> | 4 </div> |
| 5 <div class="right-column"> | 5 <div class="right-column"> |
| 6 <div id="copies-settings-box"> | 6 <div class="settings-box" id="copies-settings-box"> |
| 7 <input class="copies" type="text" value="1" maxlength="3" | 7 <input class="user-value" type="number" value="1" maxlength="3" |
| 8 max="999" min="1" |
| 8 aria-labelledby="copies-label" aria-live="polite" id="copies"> | 9 aria-labelledby="copies-label" aria-live="polite" id="copies"> |
| 9 <button class="increment" | |
| 10 i18n-values="title:incrementTitle;aria-label:incrementTitle" | |
| 11 aria-controls="copies">+</button> | |
| 12 <button class="decrement" | |
| 13 i18n-values="title:decrementTitle;aria-label:decrementTitle" | |
| 14 aria-controls="copies">–</button> | |
| 15 <div class="collate-container checkbox" aria-live="polite" hidden><label> | 10 <div class="collate-container checkbox" aria-live="polite" hidden><label> |
| 16 <input class="collate" type="checkbox" checked | 11 <input class="collate" type="checkbox" checked |
| 17 aria-labelledby="copies-collate-label"> | 12 aria-labelledby="copies-collate-label"> |
| 18 <span id="copies-collate-label" i18n-content="optionCollate"></span> | 13 <span id="copies-collate-label">$i18n{optionCollate}</span> |
| 19 </label></div> | 14 </label></div> |
| 20 </div> | 15 </div> |
| 21 <span class="hint" i18n-content="copiesInstruction" aria-live="polite"> | 16 <span class="hint" aria-live="polite">$i18n{copiesInstruction}</span> |
| 22 </span> | 17 </span> |
| 23 </div> | 18 </div> |
| 24 </div> | 19 </div> |
| OLD | NEW |