Change boost sprite to look like fa-retweet

2 files changed, 17 insertions, 18 deletions

diff --git a/app/assets/images/boost_sprite.png b/app/assets/images/boost_sprite.png
index 02a07ee3a..564bf2646 100644
--- a/app/assets/images/boost_sprite.png
+++ b/app/assets/images/boost_sprite.png
Binary files differdiff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 2d99fcfe8..fedf73b1d 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -663,21 +663,20 @@
   }
 }
 
-// Commented out until sprite matches non-sprite icon visually
-// button i.fa-retweet {
-//   height: 19px;
-//   width: 24px;
-//   background: image-url('boost_sprite.png') no-repeat;
-//   background-position: 0 0;
-//   transition: background-position 0.9s steps(11);
-//   transition-duration: 0s;
-
-//   &::before {
-//     display: none !important;
-//   }
-// }
-
-// button.active i.fa-retweet {
-//   transition-duration: 0.9s;
-//   background-position: 0 -209px;
-// }
+button i.fa-retweet {
+  height: 19px;
+  width: 22px;
+  background: image-url('boost_sprite.png') no-repeat;
+  background-position: 0 0;
+  transition: background-position 0.9s steps(11);
+  transition-duration: 0s;
+
+  &::before {
+    display: none !important;
+  }
+}
+
+button.active i.fa-retweet {
+  transition-duration: 0.9s;
+  background-position: 0 -209px;
+}