Add error handling for supervised user import flow.

chrome/browser/resources/options/manage_profile_overlay.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 #manage-profile-overlay {
   width: 612px;
 }
 
 .profile-icon-grid-item {
   height: 31px;
@@ skipping 25 matching lines @@
 #create-profile-error-bubble,
 #manage-profile-error-bubble {
   -webkit-transition: max-height 200ms, padding 200ms;
   background-color: rgb(238, 185, 57);
   border-radius: 4px;
   font-weight: bold;
   margin-left: auto;
   margin-right: auto;
   max-height: 50px;
   overflow: hidden;
-  padding: 1px 10px;
+  padding: 10px 10px;
   text-align: center;
   width: 80%;
 }
 
+html[dir='ltr'] #create-profile-error-bubble {
+  margin-left: 20px;
+  width: 90%;
+}
+
+html[dir='rtl'] #create-profile-error-bubble {
+  margin-right: 20px;
+  width: 90%;
+}
+
 #create-profile-error-bubble[hidden],
 #manage-profile-error-bubble[hidden] {
   display: block !important;
   max-height: 0;
   padding: 0 10px;
 }
 
 #create-profile-icon-grid,
 #manage-profile-icon-grid {
   background-color: rgba(255, 255, 255, 0.75);
@@ skipping 53 matching lines @@
   color: #999;
 }
 
 #create-profile-managed-not-signed-in-label,
 #create-profile-managed-account-details-out-of-date-label {
   white-space: pre-wrap;
   word-wrap: break-word;
 }
 
 #create-profile-managed-content-area {
-  padding-top: 0;
+  padding-top: 10;
 }
 
 #import-existing-managed-user-link {
   left: 17px;
   position: absolute;
 }
+
+#supervised-user-import {
+  margin: 0;
+  padding: 0;
+}