| OLD | NEW |
| 1 <div id="display-options-page" class="page" hidden> | 1 <div id="display-options-page" class="page" hidden> |
| 2 <div class="close-button"></div> | 2 <div class="close-button"></div> |
| 3 <h1 i18n-content="displayOptionsPage"></h1> | 3 <h1 i18n-content="displayOptionsPage"></h1> |
| 4 <div class="content-area" id="display-options-content-area"> | 4 <div class="content-area" id="display-options-content-area"> |
| 5 <div id="display-options-displays-view-host"> | 5 <div id="display-options-displays-view-host"> |
| 6 </div> | 6 </div> |
| 7 <div id="display-configurations"> | 7 <div id="display-configurations"> |
| 8 <div id="selected-display-data-container"> | 8 <div id="selected-display-data-container"> |
| 9 <div id="selected-display-name"></div> | 9 <div id="selected-display-name"></div> |
| 10 <div> | 10 <div> |
| 11 <span i18n-content="resolution"></span> | 11 <span i18n-content="resolution"></span> |
| 12 <span id="selected-display-resolution"></span> | 12 <span id="selected-display-resolution"></span> |
| 13 </div> | 13 </div> |
| 14 <div> |
| 15 <span id="start-calibrating-overscan-control"> |
| 16 <a id="selected-display-start-calibrating-overscan" |
| 17 i18n-content="startCalibratingOverscan"></a> |
| 18 </span> |
| 19 <span id="end-calibrating-overscan-control" hidden> |
| 20 <a id="selected-display-finish-calibrating-overscan" |
| 21 i18n-content="finishCalibratingOverscan"></a> |
| 22 <a id="selected-display-clear-calibrating-overscan" |
| 23 i18n-content="clearCalibratingOverscan"></a> |
| 24 </span> |
| 25 </div> |
| 14 </div> | 26 </div> |
| 15 <div id="display-options-buttons-container"> | 27 <div id="display-options-buttons-container"> |
| 16 <div class="display-options-single-button-container"> | 28 <div class="display-options-single-button-container"> |
| 17 <button id="display-options-toggle-mirroring" | 29 <button id="display-options-toggle-mirroring" |
| 18 class="display-options-button" i18n-content="startMirroring"> | 30 class="display-options-button" i18n-content="startMirroring"> |
| 19 </button> | 31 </button> |
| 20 </div> | 32 </div> |
| 21 <div class="display-options-single-button-container"> | 33 <div class="display-options-single-button-container"> |
| 22 <button id="display-options-set-primary" | 34 <button id="display-options-set-primary" |
| 23 class="display-options-button" i18n-content="setPrimary"> | 35 class="display-options-button" i18n-content="setPrimary"> |
| 24 </button> | 36 </button> |
| 25 </div> | 37 </div> |
| 26 </div> | 38 </div> |
| 27 </div> | 39 </div> |
| 28 <!-- The arrow of display-configuration is achieved by a div | 40 <!-- The arrow of display-configuration is achieved by a div |
| 29 rotated by 45deg. --> | 41 rotated by 45deg. --> |
| 30 <div id="display-configuration-arrow"> | 42 <div id="display-configuration-arrow"> |
| 31 </div> | 43 </div> |
| 32 </div> | 44 </div> |
| 33 </div> | 45 </div> |
| OLD | NEW |