Modify devices page to match the latest mocks

chrome/browser/resources/local_discovery/local_discovery.css

 /* Copyright 2013 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. */
 
-.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;
 }
 
-.device .button-container {
-  -webkit-padding-end: 10px;
-  display: inline-block;
-  width: 70px;
+html[dir='rtl'] .device .device-info {
+  float: right;
 }
 
-.device .button-container button {
-  margin-top: 0.5em;
-  padding-bottom: 10px;
-  padding-top: 10px;
+.device button {
+  float: right;
+}
+
+html[dir='rtl'] .device button {
+  float: left;
+}
+
+.subline,
+.device-subline {
+  color: #999;
+  margin: 5px 0;
+}
+
+h3.device-name {
+  margin: 0;
 }
 
 .register-page {
   padding: 15px;
   width: 600px;
 }
 
 .register-page .button-list {
   padding-top: 15px;
   text-align: right;
 }
 
 html[dir='rtl'] .register-page .button-list {
   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;
+}