Settings: Fix alignment of secondary user warning

chrome/browser/resources/settings/basic_page/basic_page.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
 <link rel="import" href="../appearance_page/appearance_page.html">
 <link rel="import" href="../controls/settings_idle_load.html">
 <link rel="import" href="../on_startup_page/on_startup_page.html">
 <link rel="import" href="../people_page/people_page.html">
 <link rel="import" href="../reset_page/reset_profile_banner.html">
 <link rel="import" href="../search_page/search_page.html">
 <link rel="import" href="../settings_page/main_page_behavior.html">
@@ skipping 31 matching lines @@
         align-items: center;
         display: flex;
         margin-bottom: 3px;
         margin-top: 12px;  /* Part of a 48px spacer (33px + 12px + 3px). */
         min-height: 32px;
         padding: 0 12px;
       }
 
       #secondaryUserBanner {
         @apply(--shadow-elevation-2dp);
+        align-items: center;
         background-color: white;
         border-radius: 2px;
+        display: flex;
         margin: 21px 0;
       }
 
       #secondaryUserIcon {
         /* TODO(stevenjb): Replace this with the correct variable or color once
          * established by UX, see crbug.com/687749. */
         background-color : rgb(210, 210, 212);
         background-image: url(chrome://theme/IDR_SECONDARY_USER_SETTINGS);
         background-position: center;
         background-repeat: no-repeat;
@@ skipping 20 matching lines @@
       }
     </style>
     <template is="dom-if" if="[[showBasicPage_(
         currentRoute_, inSearchMode, hasExpandedSection_)]]">
       <div id="basicPage">
         <template is="dom-if" if="[[showResetProfileBanner_]]" restamp>
           <settings-reset-profile-banner on-close="onResetProfileBannerClosed_">
           </settings-reset-profile-banner>
         </template>
 <if expr="chromeos">
-        <div id="secondaryUserBanner" class="layout horizontal center"
-            hidden="[[!showSecondaryUserBanner_]]">
+        <div id="secondaryUserBanner" hidden="[[!showSecondaryUserBanner_]]">
           <div id="secondaryUserIcon"></div>
           <div class="flex">$i18n{secondaryUserBannerText}</div>
         </div>
 </if>
 <if expr="chromeos">
         <template is="dom-if" if="[[showPage_(pageVisibility.internet)]]"
             restamp>
           <settings-section page-title="$i18n{internetPageTitle}"
               section="internet">
             <settings-internet-page prefs="{{prefs}}">
@@ skipping 161 matching lines @@
                 section="reset">
               <settings-reset-page></settings-reset-page>
             </settings-section>
           </template>
         </div>
       </template>
     </template>
   </template>
   <script src="basic_page.js"></script>
 </dom-module>