Merge pull request #19509 from jrburke/bug1012896-email-icons-cutoff

Bug 1012896 - [B2G][Open_C][E-mail]The Reply, Reply All, and Forward icons are cut off r=mcav

apps/email/style/folder_cards.css

@@ -230,22 +230,26 @@
   height: 3.8rem;
   border: 0;
   color: #5F5F5F;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-color: transparent;
+  background-size: 2rem auto;
 }
 
 .fld-account-switch-arrow {
-  background: url(images/icons/arrow_up.png) no-repeat scroll 50% 50% transparent;
+  background-image: url(images/icons/arrow_up.png);
 }
 
 .fld-acct-header:active .fld-account-switch-arrow {
-  background: url(images/icons/arrow_up_press.png) no-repeat scroll 50% 50% transparent;
+  background-image: url(images/icons/arrow_up_press.png);
 }
 
 .fld-acct-header.closed .fld-account-switch-arrow {
-  background: url(images/icons/arrow_down.png) no-repeat scroll 50% 50% transparent;
+  background-image: url(images/icons/arrow_down.png);
 }
 
 .fld-acct-header.closed:active .fld-account-switch-arrow {
-  background: url(images/icons/arrow_down_press.png) no-repeat scroll 50% 50% transparent;
+  background-image: url(images/icons/arrow_down_press.png);
 }
 
 .fld-folder-item:last-child {
@@ -315,13 +319,13 @@ also used in value_selector.
 */
 
 .fld-folder-depthnonzero .fld-folder-name {
-  background: url('images/icons/folder_icon.png') center left no-repeat;
+  background: url('images/icons/folder_icon.png') no-repeat center left / 1.6rem auto;
   padding-left: 2.2rem;
 }
 
 .fld-folder-depthnonzero .fld-folder-name:active,
 .fld-folder-depthnonzero:active .fld-folder-name {
-  background: url('images/icons/folder_icon_press.png') center left no-repeat;
+  background-image: url('images/icons/folder_icon_press.png');
 }
 
 .fld-settings-link {
@@ -336,7 +340,7 @@ also used in value_selector.
   left: 0;
   width: 100%;
   height: 4.5rem;
-  background: url("images/icons/settings_icon.png") no-repeat 50% 50%;
+  background: url("images/icons/settings_icon.png") no-repeat 50% 50% / 3rem auto;
 }
 
 .fld-settings-link:active:after {

apps/email/style/message_cards.css

@@ -617,6 +617,9 @@ reflows. Foreground/background colors should be safe.
   width: 3rem;
   height: 3rem;
   margin: 0.5rem 1rem 0 0;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 3rem auto;
 }
 
 .msg-reply-menu-reply:before {

build/csslint/xfail.list

@@ -6,7 +6,7 @@ apps/video/style/video_tablet.css 0 1
 apps/video/style/video.css 0 7
 apps/video/style/info.css 0 2
 apps/email/style/compose_cards.css 0 6
-apps/email/style/message_cards.css 0 15
+apps/email/style/message_cards.css 0 14
 apps/email/style/common.css 0 5
 apps/email/style/setup_cards.css 0 1
 apps/costcontrol/style/bb/input-areas/style.css 2 0