[Media Router WebUI] Fix non-blocking issue banner styling.

chrome/browser/resources/media_router/elements/issue_banner/issue_banner.css

 /* Copyright 2015 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. */
 
 .blocking {
   background-color: white;
   overflow: hidden;
   position: relative;
   text-align: center;
 }
@@ skipping 12 matching lines @@
 
 #blocking-icon {
   color: var(--google-red-500);
   height: 75px;
   padding-top: 24px;
   width: 75px;
 }
 
 .non-blocking {
   background-color: var(--paper-grey-800);
-  overflow: hidden;
   padding: 16px;
   width: inherit;
 }
 
 .non-blocking > #buttons {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   width: 100%;
 }
 
 .non-blocking > #buttons > #default-button {
   -webkit-margin-end: 24px;
 }
 
 .non-blocking > div > #title {
+  -webkit-margin-end: 12px;
+  -webkit-padding-end: 12px;
   color: rgba(255, 255, 255, 0.87);
+  overflow: hidden;
 }
 
 paper-button {
   margin: 0;
 }