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

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

Index: chrome/browser/resources/settings/people_page/sync_page.html
diff --git a/chrome/browser/resources/settings/people_page/sync_page.html b/chrome/browser/resources/settings/people_page/sync_page.html
index 42a8d2d0807f0461c8f4f9e91abf1197c23e3ecc..88fc26322ce3749fb25813d2bd8e9eb89e871bfc 100644
--- a/chrome/browser/resources/settings/people_page/sync_page.html
+++ b/chrome/browser/resources/settings/people_page/sync_page.html
@@ -123,23 +123,15 @@
           </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"