MD Settings: About page, show error messages with <br> and <pre> tags.

chrome/browser/resources/settings/about_page/about_page.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="about_page_browser_proxy.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="../icons.html">
 <link rel="import" href="../lifetime_browser_proxy.html">
 <link rel="import" href="../route.html">
 <link rel="import" href="../settings_page/main_page_behavior.html">
 <link rel="import" href="../settings_page/settings_animated_pages.html">
 <link rel="import" href="../settings_page/settings_section.html">
 <link rel="import" href="../settings_page_css.html">
@@ skipping 40 matching lines @@
         margin-bottom: auto;
         margin-top: auto;
       }
 
       img {
         -webkit-margin-end: var(--about-page-image-space);
       }
 
       iron-icon {
         -webkit-margin-end: var(--about-page-image-space);
-        width: 32px;  /* The width of the product-logo img. */
+        min-width: 32px;  /* The width of the product-logo img. */
       }
 
       iron-icon[icon='settings:check-circle'] {
         fill: var(--paper-blue-600);
       }
 
       iron-icon[icon='settings:error'] {
         fill: var(--paper-red-600);
       }
 
+      .settings-box .start {
+        overflow-x: auto;
+      }
+
       #regulatoryInfo img {
         width: 330px;
       }
 
 <if expr="_google_chrome and is_macosx">
       #promoteUpdater[disabled] {
         @apply(--settings-secondary);
       }
 </if>
     </style>
@@ skipping 129 matching lines @@
               <settings-detailed-build-info></settings-detailed-build-info>
             </settings-subpage>
           </template>
 </if>
         </settings-animated-pages>
       </settings-section>
     </div>
   </template>
   <script src="about_page.js"></script>
 </dom-module>