[MD settings] css for row separator

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

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/icon.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/util.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
@@ skipping 105 matching lines @@
                   aria-describedby="profile-name"></button>
 </if>
 <if expr="chromeos">
               <button class="subpage-arrow" is="paper-icon-button-light"
                   aria-label="$i18n{changePictureTitle}"
                   aria-describedby="profile-name"></button>
 </if>
             </div>
 <if expr="not chromeos">
             <template is="dom-if" if="[[showSignin_(syncStatus)]]">
-              <span class="secondary-action">
-                <paper-button class="primary-button" on-tap="onSigninTap_"
-                    disabled="[[syncStatus.setupInProgress]]">
-                  $i18n{syncSignin}
-                </paper-button>
-              </span>
+              <div class="vertical-rule-line"></div>
+              <paper-button class="primary-button" on-tap="onSigninTap_"
+                  disabled="[[syncStatus.setupInProgress]]">
+                $i18n{syncSignin}
+              </paper-button>
             </template>
             <template is="dom-if" if="[[syncStatus.signedIn]]">
-              <span class="secondary-action">
-                <paper-button id="disconnectButton" class="secondary-button"
-                    on-tap="onDisconnectTap_"
-                    disabled="[[syncStatus.setupInProgress]]">
-                  $i18n{syncDisconnect}
-                </paper-button>
-              </span>
+              <div class="vertical-rule-line"></div>
+              <paper-button id="disconnectButton" class="secondary-button"
+                  on-tap="onDisconnectTap_"
+                  disabled="[[syncStatus.setupInProgress]]">
+                $i18n{syncDisconnect}
+              </paper-button>
             </template>
 </if>
           </template>
         </div>
         <div class="settings-box two-line"
             hidden="[[!showSignin_(syncStatus)]]">
           <div>
             $i18n{syncOverview}
             <a target="_blank" href="$i18n{syncLearnMoreUrl}">
               $i18n{learnMore}
@@ skipping 189 matching lines @@
 
     <template is="dom-if" if="[[showImportDataDialog_]]" restamp>
       <settings-import-data-dialog prefs="{{prefs}}"
           on-close="onImportDataDialogClosed_">
       </settings-import-data-dialog>
     </template>
 
   </template>
   <script src="people_page.js"></script>
 </dom-module>