Merge pull request #767 from StioStudio/fix-ste-follow-btn-in-compact-buttons

fix ste follow button when using compact buttons

Author: rgantzos

features/compact-buttons/project.css

@@ -1,3 +1,14 @@
+/* remix button */
+.preview .ste-follow-btn.button {
+    padding: 11px !important;
+}
+.preview .ste-follow-btn.button:before {
+    margin-right: 0 !important;
+}
+.preview .ste-follow-btn.button span {
+    display: none;
+}
+
 /* remix button */
 .preview .remix-button {
     padding: 11px !important;

features/follow-on-projects/script.js

@@ -18,13 +18,15 @@ export default async function ({ feature, console }) {
     let button = document.createElement("button");
     button.className =
       "ste-follow-btn button " + (following ? "following" : "notfollowing");
-    button.textContent = (following ? "Unfollow" : "Follow") + " " + username;
+    let span = document.createElement("span");
+    span.textContent = (following ? "Unfollow" : "Follow") + " " + username;
+    button.append(span)
     button.addEventListener("click", async function () {
       if (following) {
         following = false;
         button.className =
       "ste-follow-btn button " + (following ? "following" : "notfollowing");
-        button.textContent =
+        span.textContent =
           (following ? "Unfollow" : "Follow") + " " + username;
         let data = await (
           await fetch(
@@ -47,7 +49,7 @@ export default async function ({ feature, console }) {
         following = true;
         button.className =
       "ste-follow-btn button " + (following ? "following" : "notfollowing");
-        button.textContent =
+        span.textContent =
           (following ? "Unfollow" : "Follow") + " " + username;
         let data = await (
           await fetch(