Non-Local Join for Media Router and Presentation API

chrome/browser/resources/media_router/elements/route_details/route_details.html

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <dom-module id="route-details">
   <link rel="import" type="css" href="../../media_router_common.css">
   <link rel="import" type="css" href="route_details.css">
   <template>
     <div id="route-information" hidden$="[[!isCustomControllerHidden_]]">
       <span>[[activityStatus_]]</span>
     </div>
     <extensionview id="custom-controller"
         hidden$="[[isCustomControllerHidden_]]">
     </extensionview>
-    <paper-button flat id="close-route-button" class="button"
-        on-click="closeRoute_">
-      <span>[[stopCastingButtonText_]]</span>
-    </paper-button>
+    <div class="flex-button-container">

[apacible, 2015/12/18 22:34:19]

class => id

[apacible, 2015/12/18 22:34:19]

Rename to something more descriptive -- maybe "route-action-buttons"?

[matt.boetger, 2015/12/18 23:37:15]

Done.

[matt.boetger, 2015/12/18 23:37:15]

Done.

+      <paper-button flat class="route-button button"
+          id="join-route-button"
+          hidden$="[[!route.canJoin]]"
+          on-click="joinRoute_">
+        <span>[[joinButtonText_]]</span>
+      </paper-button>
+      <paper-button flat class="route-button button"
+          id="close-route-button"
+          on-click="closeRoute_">
+        <span>[[stopCastingButtonText_]]</span>
+      </paper-button>
+    <div>
   </template>
 <script src="route_details.js"></script>
 </dom-module>