MD Settings: Center Pin keyboard in setup pin in settings.

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

Index: chrome/browser/resources/settings/people_page/setup_pin_dialog.html
diff --git a/chrome/browser/resources/settings/people_page/setup_pin_dialog.html b/chrome/browser/resources/settings/people_page/setup_pin_dialog.html
index 6ff721fc3a4de21eff6ae1cc4276b8b9eedfc53d..a2b62c4259806f36578311f52679c1aaf7ce07f8 100644
--- a/chrome/browser/resources/settings/people_page/setup_pin_dialog.html
+++ b/chrome/browser/resources/settings/people_page/setup_pin_dialog.html
@@ -12,6 +12,10 @@
   <template>
     <style include="settings-shared"></style>
     <style>
+      .button-strip {
+        float: right;
+      }

[stevenjb, 2017/03/30 22:14:17]

We should really really try to avoid 'float', we should be able to align this
correctly.

[sammiequon, 2017/03/30 22:53:34]

This uses the text-align: end in shared-css now.

+
       .warning {
         color: var(--paper-grey-700);
       }
@@ -29,6 +33,7 @@
       }
 
       .align-center {

[stevenjb, 2017/03/30 22:14:17]

Making flex part of a class named 'align-center' is confusing. Instead, give the
only div that uses this an id and use that here.

[sammiequon, 2017/03/30 22:53:34]

This is no longer needed after removing </style><style> up there but ill leave
it as an id since only one div uses that class.

+        display: flex;
         justify-content: center;
       }
     </style>
@@ -48,7 +53,7 @@
         <!-- Pin keyboard -->
         <div class="align-center settings-box continuation">
           <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_"
-                        on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}">
+              on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}">
           </pin-keyboard>
         </div>
 
@@ -58,7 +63,7 @@
           </paper-button>
 
           <paper-button class="action-button" on-tap="onPinSubmit_"
-                        disabled$="[[!enableSubmit_]]">
+              disabled$="[[!enableSubmit_]]">
             <span>[[getContinueMessage_(isConfirmStep_)]]</span>
           </paper-button>
         </div>