Fixed css to make host list prettier.

remoting/webapp/me2mom/choice.css

 /* Copyright (c) 2011 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.
  */
 
 /* Elements */
 a {
   color: rgb(0, 102, 204);
   text-decoration: none;
 }
@@ skipping 38 matching lines @@
 button[disabled], .button[disabled]:hover {
   background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
   border-color: #aaa;
   color: #888;
   -webkit-box-shadow: none;
 }
 
 h1 {
   font-size: 24px;
   font-weight: normal;
-  margin-__MSG_@@bidi_start_edge__: 10px;
 }
 
 label {
   color: black;
   font-weight: bold;
 }
 
 /* Classes */
 
 .access-code-digit-group {
@@ skipping 14 matching lines @@
   /*
     Used to force buttons to center correctly on Chrome due to a quirk
     with laying out buttons. http://crbug.com/84654
 
     TODO(ajwong): Either fix Chrome layout behavior, or if Chrome is actually
     conforming correctly to the standard, remove this comment.
   */
   text-align: center;
 }
 
+.collapsed {
+  opacity: 0;
+  height: 0 !important;
+}
+
 .choice-header {
   font-size: 24px;
   font-weight: normal;
   margin-__MSG_@@bidi_start_edge__: 10px;
 }
 
 .choice-footer {
   font-size: 14px;
 }
 
@@ skipping 22 matching lines @@
 }
 
 [hidden] {
   display: none !important;
 }
 
 
 .icon-label {
   display: inline-block;
   vertical-align: top;
+  margin-__MSG_@@bidi_start_edge__: 10px;
 }
 
 .information-box {
   background-color: #f9e9be;
   border: 1px solid #cacaca;
   bottom: 8px;
   color: black;
   padding: 20px;
   position: absolute;
   text-align: center;
@@ skipping 27 matching lines @@
 }
 
 .mode-select-table-underline td {
   border-bottom: 1px solid #c6c6c6;
 }
 
 .hide-scrollbars {
   overflow-y: hidden;
 }
 
+.host-list-container {
+  -webkit-transition: all 0.5s;
+  overflow: hidden;
+}
+
+.host-list-table {
+  margin-__MSG_@@bidi_start_edge__: 30px;
+  width: 610px;  /* width + margin = body width */
+  border-spacing: 0;
+}
+
+.host-list-row {
+  height: 50px;
+  color: black;
+}
+
+.host-list-row, .host-list-row td {
+  -webkit-transition: all 0.5s;
+}
+
+.host-list-row td {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.host-list-row:hover {
+  background-color: #e7eef2;
+}
+
+.host-list-row:hover td {
+  border-bottom: 1px solid #c6c6c6;
+  border-top: 1px solid #c6c6c6;
+}
+
+.host-list-row-end {
+  padding-__MSG_@@bidi_end_edge__: 10px;
+}
+
+.host-list-row-start {
+  padding-__MSG_@@bidi_start_edge__: 10px;
+}
+
+.host-offline {
+  color: #a9a9a9;
+}
+
+.host-offline img {
+  opacity: 0.5;
+}
+
 .small-print {
   font-size: 13px;
   color: #AAA;
 }
 
 .top-primary {
   font-size: 14px;
   position: absolute;
   top: 0.5em;
   __MSG_@@bidi_start_edge__: 0.5em;
@@ skipping 83 matching lines @@
 #session-client-plugin {
   margin: 0 0 -4px 0;
 }
 
 #toggle-scaling {
   margin: 1px 0 0 0;
   padding: 1px;
   min-width: 0;
   line-height: 0;
 }