Implement rename and delete.

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 92 matching lines @@
 
 .choice-footer {
   font-size: 14px;
 }
 
 .choice-panel {
   margin-top: 17px;
   padding-bottom: 20px;
 }
 
+.clickable {
+  cursor: pointer;
+}
+
 .description {
   margin-bottom: 25px;
 }
 
 .error-state {
   background-image: url('icon_warning.png');
   background-repeat: no-repeat;
   background-position: top __MSG_@@bidi_start_edge__;
   padding-__MSG_@@bidi_start_edge__: 30px;
   padding-top: 3px;
@@ skipping 71 matching lines @@
   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;

[Jamie, 2011/11/17 21:42:09]

Animating colour changes proved to be more trouble than it was worth.

-}
-
 .host-list-row td {
   border-bottom: 1px solid transparent;
   border-top: 1px solid transparent;
 }
 
 .host-list-row:hover {
   background-color: #e7eef2;
 }
 
+.host-list-rename-icon, .host-list-remove-icon {
+  opacity: 0;
+}
+
+.host-list-row:hover .host-list-rename-icon {
+  opacity: 0.8;
+}
+
+.host-list-row:hover .host-list-remove-icon {
+  opacity: 0.3;
+}
+
+.host-list-edit:hover .host-list-rename-icon {
+  opacity: 1;
+}
+
+.host-list-edit:hover .host-list-remove-icon {
+  opacity: 0.5;
+}
+
 .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 {
+.host-offline .host-list-main-icon {
   opacity: 0.5;
 }
 
 .small-print {
   font-size: 13px;
   color: #AAA;
 }
 
 .top-primary {
   font-size: 14px;
@@ skipping 90 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;
 }