HostTableEntry refactor

remoting/webapp/base/html/main.css

Index: remoting/webapp/base/html/main.css
diff --git a/remoting/webapp/base/html/main.css b/remoting/webapp/base/html/main.css
index 5f57f4a817158b6b5f759d4fc63162c8df18d672..9da9508a957d8df9e82cea2648bd21efd12626c7 100644
--- a/remoting/webapp/base/html/main.css
+++ b/remoting/webapp/base/html/main.css
@@ -500,6 +500,19 @@ thead {
   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;
 }