Non-Local Join for Media Router and Presentation API

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

Index: chrome/browser/resources/media_router/elements/route_details/route_details.css
diff --git a/chrome/browser/resources/media_router/elements/route_details/route_details.css b/chrome/browser/resources/media_router/elements/route_details/route_details.css
index 6835ea7c690027f7ecbab05180480fee3ff0f69b..7b9411ddbbb71ea7d3743211301cb7b4d0d46af0 100644
--- a/chrome/browser/resources/media_router/elements/route_details/route_details.css
+++ b/chrome/browser/resources/media_router/elements/route_details/route_details.css
@@ -2,14 +2,6 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-#close-route-button {
-  -webkit-padding-end: 24px;
-  background-color: white;
-  line-height: 12px;
-  margin: 12px 0;
-  text-align: end;
-  width: 100%;
-}
 
 #custom-controller {
   display: inline-block;
@@ -17,6 +9,27 @@
   width: 100%;
 }
 
+#join-route-button {
+  @apply(--layout-flex);
+}
+
+#route-action-buttons {
+  @apply(--layout-horizontal);
+  @apply(--layout-end-justified);
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.route-button {
+  -webkit-padding-end: 24px;
+  -webkit-padding-start: 0;
+  background-color: white;
+  line-height: 12px;
+  margin: 12px 0;
+  text-align: end;
+}
+
 #route-information {
   -webkit-padding-start: 44px;
   background-color: white;