ChromeOS Gaia: Polishing Offline UI and Password changed UI according to specs

chrome/browser/resources/chromeos/login/gaia_password_changed.html

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/polymer/layout.html">
 <link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html">
 <link rel="import" href="chrome://resources/polymer/core-animated-pages/transitions/cross-fade.html">
 
 <!--
   Password changed UI for the New Gaia flow.
   Contains two cards with a fade transition between them:
     1. Old password input form.
     2. Warning about data loss
@@ skipping 25 matching lines @@
   <template>
     <link rel="stylesheet" href="gaia_password_changed.css">
     <gaia-core-icon-button id="closeButton" icon="close" on-tap="{{onClose}}">
     </gaia-core-icon-button>
     <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex
         on-core-animated-pages-transition-end="{{onTransitionEnd}}">
       <section flex>
         <gaia-card id="oldPasswordCard">
           <gaia-header class="header" email="{{email}}">
           </gaia-header>
-          <p class="footer gaia-body-text"
-              i18n-content="passwordChangedTitle">
-          </p>
+          <div horizontal layout center class="footer margined">
+            <p class="gaia-body-text"
+                i18n-content="passwordChangedTitle">
+            </p>
+          </div>
           <gaia-input-form class="footer" id="oldPasswordInput"
               inputtype="password"
               i18n-values="errorMsg:oldPasswordIncorrect;
                           inputLabel:oldPasswordHint;
                           buttonText:nextButtonText">
             <gaia-paper-button noink i18n-content="forgotOldPasswordButtonText"
                 class="link-button"
                 on-tap="{{onForgotPasswordClicked}}">
             </gaia-paper-button>
           </gaia-input-form>
         </gaia-card>
       </section>
       <section flex>
         <gaia-card>
           <gaia-header class="header" email="{{email}}">
           </gaia-header>
           <div class="footer">
-            <div horizontal layout center>
+            <div horizontal layout center class="margined">
               <core-icon icon="warning"></core-icon>
               <p flex class="gaia-body-text"
                   i18n-content="passwordChangedProceedAnywayTitle">
               </p>
             </div>
-            <div horizontal layout justified center class="margined">
+            <div horizontal layout justified center>
               <gaia-paper-button noink i18n-content="passwordChangedTryAgain"
                   class="link-button"
                   on-tap="{{onTryAgainClicked}}">
               </gaia-paper-button>
               <gaia-raised-on-focus-button id="proceedAnywayBtn"
                   class="blue-button" on-tap="{{onProceedClicked}}"
                   i18n-content="proceedAnywayButton">
               </gaia-raised-on-focus-button>
             </div>
           </div>
         </gaia-card>
       </section>
       <section flex vertical layout center-justified>
         <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center>
         </throbber-notice>
       </section>
     </core-animated-pages>
   </template>
 </polymer-element>