Settings: shared css: add .settings-box.single-column

chrome/browser/resources/settings/people_page/sync_page.html

 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.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-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-button/paper-radio-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 <link rel="import" href="/controls/settings_checkbox.html">
@@ skipping 105 matching lines @@
               hidden="[[!syncPrefs.autofillRegistered]]"
               disabled="[[shouldPaymentsCheckboxBeDisabled_(
                   syncPrefs.syncAllDataTypes, syncPrefs.autofillSynced)]]">
             $i18n{enablePaymentsIntegrationCheckboxLabel}
             <a href="$i18nRaw{autofillHelpURL}" target="_blank">
               $i18n{learnMore}
             </a>
           </paper-checkbox>
         </div>
 
-        <div class="settings-box two-line" on-tap="onManageSyncedDataTap_"
-            actionable>
-          <div class="start">
-            $i18n{manageSyncedDataTitle}
-            <div class="secondary">
-              $i18n{manageSyncedDataDescription}
-            </div>
-          </div>
+        <div class="settings-box two-line single-column" actionable
+            on-tap="onManageSyncedDataTap_">
+          <div>$i18n{manageSyncedDataTitle}</div>
+          <div class="secondary">$i18n{manageSyncedDataDescription}</div>
         </div>

[stevenjb, 2016/07/22 21:12:05]

This pattern resulted in the same layout as the more common pattern; I verified
that the new layout matches the old layout. (I verified all of the changes, but
double checked this one).

 
-        <div class="settings-box two-line">
-          <div class="start">
-            $i18n{encryptionOptionsTitle}
-            <div class="secondary">
-              $i18n{syncDataEncryptedText}
-            </div>
-          </div>
+        <div class="settings-box two-line single-column">
+          <div>$i18n{encryptionOptionsTitle}</div>
+          <div class="secondary">$i18n{syncDataEncryptedText}</div>
         </div>
 
         <div id="encryptionRadioGroupContainer" class="list-frame"
             hidden="[[syncPrefs.passphraseRequired]]">
           <paper-radio-group
               selected="[[selectedEncryptionRadio_(
                   syncPrefs.passphraseTypeIsCustom)]]"
               on-paper-radio-group-changed="onEncryptionRadioSelectionChanged_">
             <paper-radio-button name="encrypt-with-google"
                 class="list-item" disabled="[[syncPrefs.encryptAllData]]">
@@ skipping 46 matching lines @@
                 on-tap="onSubmitExistingPassphraseTap_" class="action-button">
               $i18n{submitPassphraseButton}
             </paper-button>
           </div>
         </template>
       </div>
     </iron-pages>
   </template>
   <script src="sync_page.js"></script>
 </dom-module>