| OLD | NEW | 
|---|
| 1 <div class="step right hidden loading no-logo" id="user-image" hidden> | 1 <div class="step right hidden loading no-logo" id="user-image" hidden> | 
| 2   <div class="step-contents"> | 2   <div class="step-contents"> | 
| 3     <div id="user-image-screen-curtain"> | 3     <div id="user-image-screen-curtain"> | 
| 4       <p id="user-image-screen-description" | 4       <p id="user-image-screen-description"> | 
| 5          i18n-content="userImageScreenDescription"></p> | 5         $i18n{userImageScreenDescription} | 
|  | 6       </p> | 
| 6     </div> | 7     </div> | 
| 7     <div id="user-image-screen-main"> | 8     <div id="user-image-screen-main"> | 
| 8       <grid id="user-image-grid" tabindex="1" | 9       <grid id="user-image-grid" tabindex="1" | 
| 9           aria-labelledby="user-image-screen-description"> | 10           aria-labelledby="user-image-screen-description"> | 
| 10       </grid> | 11       </grid> | 
| 11       <div id="user-image-preview"> | 12       <div id="user-image-preview"> | 
| 12         <img id="user-image-preview-img" class="animated-transform" alt=""> | 13         <img id="user-image-preview-img" class="animated-transform" alt=""> | 
| 13         <div class="user-image-stream-area"> | 14         <div class="user-image-stream-area"> | 
| 14           <div class="perspective-box"> | 15           <div class="perspective-box"> | 
| 15             <div id="user-image-stream-crop"> | 16             <div id="user-image-stream-crop"> | 
| 16               <video class="user-image-stream" autoplay></video> | 17               <video class="user-image-stream" autoplay></video> | 
| 17             </div> | 18             </div> | 
| 18           </div> | 19           </div> | 
| 19           <div class="spinner"></div> | 20           <div class="spinner"></div> | 
| 20         </div> | 21         </div> | 
| 21         <p id="user-image-preview-caption"></p> | 22         <p id="user-image-preview-caption"></p> | 
| 22         <button id="discard-photo" i18n-values="title:discardPhoto" | 23         <button id="discard-photo" i18n-values="title:discardPhoto" | 
| 23             tabindex="2"></button> | 24             tabindex="2"></button> | 
| 24         <button id="take-photo" i18n-values="title:takePhoto" tabindex="2"> | 25         <button id="take-photo" i18n-values="title:takePhoto" tabindex="2"> | 
| 25         </button> | 26         </button> | 
| 26         <button id="flip-photo" class="custom-appearance" | 27         <button id="flip-photo" class="custom-appearance" | 
| 27             i18n-values="title:flipPhoto" tabindex="1"></button> | 28             i18n-values="title:flipPhoto" tabindex="1"></button> | 
| 28       </div> | 29       </div> | 
| 29       <div id="user-image-attribution"> | 30       <div id="user-image-attribution"> | 
| 30         <span i18n-content="authorCredit"></span> | 31         <span>$i18n{authorCredit}</span> | 
| 31         <strong id="user-image-author-name"></strong> | 32         <strong id="user-image-author-name"></strong> | 
| 32         <a id="user-image-author-website" target="_blank"></a> | 33         <a id="user-image-author-website" target="_blank"></a> | 
| 33       </div> | 34       </div> | 
| 34     </div> | 35     </div> | 
| 35   </div> | 36   </div> | 
| 36   <div id="user-image-controls" class="step-controls"></div> | 37   <div id="user-image-controls" class="step-controls"></div> | 
| 37   <div id="user-images-loading" class="step-loading"> | 38   <div id="user-images-loading" class="step-loading"> | 
| 38     <throbber-notice i18n-values="text:syncingPreferences" class="fit"> | 39     <throbber-notice i18n-values="text:syncingPreferences" class="fit"> | 
| 39     </throbber-notice> | 40     </throbber-notice> | 
| 40   </div> | 41   </div> | 
| 41 </div> | 42 </div> | 
| OLD | NEW | 
|---|