HostTableEntry refactor

remoting/webapp/base/html/main.css

 /* Copyright (c) 2012 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.
  */
 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td, button {
@@ skipping 482 matching lines @@
   height: 22px;
   bottom: -5px;
   right: -10px;
 }
 
 .host-offline .host-list-label,
 .host-offline .host-list-main-icon {
   opacity: 0.5;
 }
 
+#this-host-connect {
+  -webkit-align-items: center;
+  display: flex;
+}
+
+#this-host-connect:hover {
+  background-color: #f2f2f2;

[Jamie, 2015/02/27 18:19:40]

I would expect this CSS to be identical to the equivalent CSS for the other
rows--spacing etc. might differ, but the hover colour should not. Can you just
add a selector to the rule for the other rows rather than duplicating the colour
definition?

[kelvinp, 2015/03/03 21:57:52]

Done.

+}
+
+#this-host-connect .host-entry {
+  flex: 1;
+}
+
 button {
   white-space:nowrap;
 }
 
 .small-print {
   font-size: 13px;
   color: #AAA;
 }
 
 .waiting {
@@ skipping 195 matching lines @@
 }
 
 .mouse-cursor-overlay {
   position: absolute;
   pointer-events: none;
 }
 
 body.hangout-remote-desktop .home-screen {
   display: none;
 }