Implement rename and delete.

remoting/webapp/me2mom/choice.css

Index: remoting/webapp/me2mom/choice.css
diff --git a/remoting/webapp/me2mom/choice.css b/remoting/webapp/me2mom/choice.css
index c74e07b1037ad64cd4c9e708d4250f72537c7def..839524ae5fe6ab1e278bf239d0896f66339f8fa4 100644
--- a/remoting/webapp/me2mom/choice.css
+++ b/remoting/webapp/me2mom/choice.css
@@ -110,6 +110,10 @@ label {
   padding-bottom: 20px;
 }
 
+.clickable {
+  cursor: pointer;
+}
+
 .description {
   margin-bottom: 25px;
 }
@@ -201,10 +205,6 @@ label {
   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;
@@ -214,6 +214,26 @@ label {
   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;
@@ -231,7 +251,7 @@ label {
   color: #a9a9a9;
 }
 
-.host-offline img {
+.host-offline .host-list-main-icon {
   opacity: 0.5;
 }