Add hide icon on the click-to-play UI too.

chrome/renderer/resources/click_to_play_plugin.html

Index: chrome/renderer/resources/click_to_play_plugin.html
===================================================================
--- chrome/renderer/resources/click_to_play_plugin.html	(revision 72559)
+++ chrome/renderer/resources/click_to_play_plugin.html	(working copy)
@@ -30,7 +30,7 @@
   visibility: hidden;
 }
 
-#outer:hover h1 {
+#outer:hover h1, #outer:hover img {
   visibility: visible;
 }
 
@@ -68,6 +68,14 @@
   top: 50%;
   margin-top: -70px;
 }
+
+#close {
+  visibility: hidden;
+  cursor: pointer;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+}
 </style>
 </head>
 
@@ -78,6 +86,16 @@
 <h1 i18n-content="message">PLUGIN_LOAD</h1>
 <p id="debug"> </p>
 </div>
+<img id="close" onclick="event.stopPropagation(); plugin.hide()"
+     src="../../app/theme/close_bar_h.png">
 </div>
+<script>
+size = document.getElementById('outer');
+style = getComputedStyle(size);

[Bernhard Bauer, 2011/01/26 08:37:48]

Ooh, I have to remember that one. We might want to degrade some other parts of
the UI (icon, text) as well if the size gets too small.

+if (parseInt(style.width) < 32 && parseInt(style.height) < 32) {
+  i = document.getElementById('close');
+  i.parentNode.removeChild(i);
+}
+</script>
 </body>
 </html>