MD Settings > Display: Hide arrangement text for single display

chrome/browser/resources/settings/device_page/display.html

 <link rel="import" href="chrome://resources/cr_elements/cr_slider/cr_slider.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/md_select_css.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tabs.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="/device_page/display_layout.html">
@@ skipping 44 matching lines @@
 
      paper-tab {
        text-transform: uppercase;
      }
 
     </style>
     <div class="settings-box first layout vertical self-stretch">
       <div class="title-text layout self-start">
         $i18n{displayArrangementTitle}
       </div>
-      <div class="secondary layout self-start">
+      <div class="secondary layout self-start"
+          hidden="[[!hasMultipleDisplays_(displays)]]">
         $i18n{displayArrangementText}
       </div>
       <display-layout id="displayLayout"
           selected-display="[[selectedDisplay]]"
           on-select-display="onSelectDisplay_">
       </display-layout>
     </div>
-    <div hidden="[[!showDisplayTabMenu_(displays)]]" class="settings-box">
+    <div hidden="[[!hasMultipleDisplays_(displays)]]" class="settings-box">
       <paper-tabs noink selected="[[selectedDisplay.id]]" class="display-tabs"
           on-iron-select="onSelectDisplayTab_" attr-for-selected="display-id">
         <template is="dom-repeat" items="[[displays]]">
           <paper-tab display-id="[[item.id]]">[[item.name]]</paper-tab>
         </template>
       </paper-tabs>
     </div>
-    <div hidden="[[showDisplayTabMenu_(displays)]]"
+    <div hidden="[[hasMultipleDisplays_(displays)]]"
         class="settings-box line-only"></div>
     <div class="settings-box layout vertical first">
       <h2>[[selectedDisplay.name]]</h2>
       <div class="settings-box embedded first two-line"
           hidden$="[[!showMirror_(displays)]]">
         <div class="start">
           <div>$i18n{displayMirror}</div>
           <div class="secondary">[[getDisplayMirrorText_(displays)]]</div>
         </div>
         <paper-toggle-button checked="[[isMirrored_(displays)]]"
@@ skipping 58 matching lines @@
         <div class="start">
           <div>$i18n{displayTouchCalibrationTitle}</div>
           <div class="secondary">$i18n{displayTouchCalibrationText}</div>
         </div>
         <button class="subpage-arrow" is="paper-icon-button-light"></button>
       </div>
     </div>
   </template>
   <script src="display.js"></script>
 </dom-module>