1 files changed, 33 insertions, 4 deletions

diff --git a/plugins/jetpack/modules/contact-form/grunion-contact-form.php b/plugins/jetpack/modules/contact-form/grunion-contact-form.php
index af81871a..bbf2ba54 100644
--- a/plugins/jetpack/modules/contact-form/grunion-contact-form.php
+++ b/plugins/jetpack/modules/contact-form/grunion-contact-form.php
@@ -677,7 +677,7 @@ function contact_form_init() {
 			'not_found'          => __( 'No feedback found', 'jetpack' ),
 			'not_found_in_trash' => __( 'No feedback found', 'jetpack' )
 		),
-		'menu_icon'         => GRUNION_PLUGIN_URL . '/images/grunion-menu.png',
+		'menu_icon'         => GRUNION_PLUGIN_URL . 'images/grunion-menu.png',
 		'show_ui'           => TRUE,
 		'show_in_admin_bar' => FALSE,
 		'public'            => FALSE,
@@ -719,7 +719,7 @@ function grunion_media_button( ) {
 	$plugin_url = esc_url( GRUNION_PLUGIN_URL );
 	$site_url = admin_url( "/admin-ajax.php?post_id=$iframe_post_id&grunion=form-builder&action=grunion_form_builder&TB_iframe=true&width=768" );
 
-	echo '<a href="' . $site_url . '&id=add_form" class="thickbox" title="' . $title . '"><img src="' . $plugin_url . '/images/grunion-form.png" alt="' . $title . '" width="13" height="12" /></a>';
+	echo '<a href="' . $site_url . '&id=add_form" class="thickbox" title="' . $title . '"><div class="grunion-menu-button" alt="' . $title . '"></div></a>';
 }
 
 
@@ -741,8 +741,37 @@ function menu_alter() {
     echo '
 	<style>
 	#menu-posts-feedback .wp-menu-image img { display: none; }
-	#adminmenu .menu-icon-feedback:hover div.wp-menu-image, #adminmenu .menu-icon-feedback.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-feedback.current div.wp-menu-image { background: url("' .GRUNION_PLUGIN_URL . '/images/grunion-menu-hover.png") no-repeat 6px 7px !important; }
-	#adminmenu .menu-icon-feedback div.wp-menu-image, #adminmenu .menu-icon-feedback div.wp-menu-image, #adminmenu .menu-icon-feedback div.wp-menu-image { background: url("' . GRUNION_PLUGIN_URL . '/images/grunion-menu.png") no-repeat 6px 7px !important; }
+	#adminmenu .menu-icon-feedback:hover div.wp-menu-image,
+	#adminmenu .menu-icon-feedback.wp-has-current-submenu div.wp-menu-image,
+	#adminmenu .menu-icon-feedback.current div.wp-menu-image {
+		background: url("' .GRUNION_PLUGIN_URL . 'images/grunion-menu-hover.png") no-repeat 6px 7px;
+	}
+	#adminmenu .menu-icon-feedback div.wp-menu-image {
+		background: url("' . GRUNION_PLUGIN_URL . 'images/grunion-menu.png") no-repeat 6px 7px;
+	}
+	.grunion-menu-button {
+		background: url("' . GRUNION_PLUGIN_URL . 'images/grunion-form.png") no-repeat;
+		width: 13px;
+		height: 12px;
+		display: inline-block;
+	}
+	@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
+	    #adminmenu .menu-icon-feedback:hover div.wp-menu-image,
+		#adminmenu .menu-icon-feedback.wp-has-current-submenu div.wp-menu-image,
+		#adminmenu .menu-icon-feedback.current div.wp-menu-image {
+			background: url("' .GRUNION_PLUGIN_URL . 'images/grunion-menu-hover-2x.png") no-repeat 6px 7px;
+			background-size: 15px 16px;
+		}
+		#adminmenu .menu-icon-feedback div.wp-menu-image {
+			background: url("' . GRUNION_PLUGIN_URL . 'images/grunion-menu-2x.png") no-repeat 6px 7px;
+			background-size: 15px 16px;
+		}
+	    .grunion-menu-button {
+			background-image: url("' . GRUNION_PLUGIN_URL . 'images/grunion-form-2x.png");
+			background-size: 13px 12px;
+			vertical-align: bottom;
+		}
+	}
 	</style>';
 }