Site Settings Desktop: Change how adding site exceptions work.

chrome/browser/resources/settings/site_settings/site_list.html

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper-menu-button.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/settings_shared_css.html">
+<link rel="import" href="/site_settings/add_site_dialog.html">
 <link rel="import" href="/site_settings/constants.html">
 <link rel="import" href="/site_settings/site_settings_behavior.html">
 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html">
 
 <dom-module id="settings-site-list">
   <template>
     <style include="settings-shared">
-    paper-menu-button {
-      left: 8px;
-      margin: 0;
-      padding: 0;
-    }
+      paper-menu-button {
+        left: 8px;

[michaelpg, 2016/06/09 17:38:00]

TIL you have to over-specify position to be RTL friendly:
https://developer.mozilla.org/en-US/docs/Web/CSS/right#wikiArticle

ie: "left: 8px; right: 8px;"

[Finnur, 2016/06/09 21:53:08]

Done.

+        margin: 0;
+        padding: 0;
+      }
+
+      .button-container {
+        -webkit-margin-start: -4px;
+      }
+
+      .no-upper {
+        text-transform: inherit;

[michaelpg, 2016/06/09 17:38:00]

nit: none

[Finnur, 2016/06/09 21:53:08]

Done.

+      }
     </style>
     <paper-submenu id="category" hidden
         on-paper-submenu-open="onToggle_" on-paper-submenu-close="onToggle_">
       <div class="menu-trigger settings-box" hidden$="[[allSites]]">
         <div class="flex" id="header">
           [[computeSiteListHeader_(sites, categoryEnabled)]]
         </div>
         <iron-icon id="icon" icon="cr:expand-more"></iron-icon>
       </div>
 
@@ skipping 20 matching lines @@
                     hidden="[[!showBlockAction_]]">
                   [[i18n_.blockAction]]
                 </paper-item>
                 <paper-item value="[[actions_.RESET]]">
                   [[i18n_.resetAction]]
                 </paper-item>
               </paper-menu>
             </paper-menu-button>
           </div>
         </template>
+
+        <div class="button-container">
+          <paper-button on-tap="onAddSiteTap_" class="primary-button no-upper">
+            $i18n{addSiteLink}
+          </paper-button>
+        </div>
       </div>
     </paper-submenu>
   </template>
   <script src="site_list.js"></script>
 </dom-module>