Modify devices page to match the latest mocks

chrome/browser/resources/local_discovery/local_discovery.css

Index: chrome/browser/resources/local_discovery/local_discovery.css
diff --git a/chrome/browser/resources/local_discovery/local_discovery.css b/chrome/browser/resources/local_discovery/local_discovery.css
index dfeb2aef5f941d6f9d2e2a8257df78b588240c19..e6edb9f5b3911ec67743ca49bb80c42e3407ec53 100644
--- a/chrome/browser/resources/local_discovery/local_discovery.css
+++ b/chrome/browser/resources/local_discovery/local_discovery.css
@@ -2,38 +2,62 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-.device-info {
-    -webkit-box-flex: 1;
-    -webkit-padding-start: 55px;
+.device {
+  margin: 23px 0;
+  max-width: 695px;
+  overflow: hidden;
 }
 
-.device {
-    display: -webkit-box;
-    max-width: 738px;
+.device .device-info {
+  float: left;
+}
+
+html[dir='rtl'] .device .device-info {
+  float: right;
+}
+
+.device button {
+  float: right;
+}
+
+html[dir='rtl'] .device button {
+  float: left;
 }
 
-.device .button-container {
-    -webkit-padding-end: 10px;
-    display: inline-block;
-    width: 70px;
+.subline,
+.device-subline {
+  color: #999;
+  margin: 5px 0;
 }
 
-.device .button-container button {
-    margin-top: 0.5em;
-    padding-bottom: 10px;
-    padding-top: 10px;
+h3.device-name {
+  margin: 0;
 }
 
 .register-page {
-    padding: 15px;
-    width: 600px;
+  padding: 15px;
+  width: 600px;
 }
 
 .register-page .button-list {
-    padding-top: 15px;
-    text-align: right;
+  padding-top: 15px;
+  text-align: right;
 }
 
 html[dir='rtl'] .register-page .button-list {
-    text-align: left;
-}
+  text-align: left;
+}
+
+.controls {
+  border-bottom: 1px solid #eee;
+  max-width: 711px;
+  padding: 13px 3px 7px 4px;
+}
+
+html[dir='rtl'] .controls {
+  padding: 13px 4px 7px 3px;
+}
+
+.controls .subline {
+  -webkit-margin-start: 10px;
+}