Updated widget picker gallery to use classes for images rather than hard-coded resources.

git-svn-id: https://code.elgg.org/elgg/trunk@2229 36083f99-b078-4883-b0ff-0f9b5a30f544

2 files changed, 10 insertions, 9 deletions

diff --git a/views/default/canvas/layouts/widgets.php b/views/default/canvas/layouts/widgets.php
index 0ff2ce62c..1a26c9f86 100644
--- a/views/default/canvas/layouts/widgets.php
+++ b/views/default/canvas/layouts/widgets.php
@@ -55,9 +55,9 @@
 		<input type="hidden" name="guid" value="0" />
 	</h3>
 </td>
-<td width="17px" align="right"><!-- <a href="#"><img src="<?php echo $vars['url']; ?>_graphics/icon_customise_remove.gif" class="remove_me" /></a> --></td>
-<td width="17px" align="right"><a href="#"><img src="<?php echo $vars['url']; ?>_graphics/icon_customise_info.gif" class="more_info" /></a></td>
-<td width="17px" align="right"><a href="#"><img src="<?php echo $vars['url']; ?>_graphics/icon_customise_drag.gif" class="drag_handle" /></a></td>
+<td width="17px" align="right"></td>
+<td width="17px" align="right"><a href="#"><img src="<?php echo $vars['url']; ?>_graphics/spacer.gif" width="14px" height="14px" class="more_info" /></a></td>
+<td width="17px" align="right"><a href="#"><img src="<?php echo $vars['url']; ?>_graphics/spacer.gif" width="15px" height="15px" class="drag_handle" /></a></td>
 </tr></table>
 
 <?php
diff --git a/views/default/css.php b/views/default/css.php
index 0701a99a6..99ce76be1 100644
--- a/views/default/css.php
+++ b/views/default/css.php
@@ -1947,15 +1947,16 @@ a.toggle_customise_edit_panel:hover {
 	overflow: hidden;
 	padding:4px;
 }
+#customise_editpanel img.more_info {
+	background: url(<?php echo $vars['url']; ?>_graphics/icon_customise_info.gif) no-repeat top left;
+	cursor:pointer;
+}
 #customise_editpanel img.drag_handle {
+	background: url(<?php echo $vars['url']; ?>_graphics/icon_customise_drag.gif) no-repeat top left;
 	cursor:move;
-	padding-top: 4px;
 }
-#customise_editpanel img.remove_me {
-	padding-top: 4px;
-}
-#customise_editpanel img.more_info {
-	padding-top: 4px;
+#customise_editpanel img {
+	margin-top:4px;
 }
 #widget_moreinfo {
 	position:absolute;