Issue #3302397 by agami4: Improve ajax throbber position on the follow button

assets/css/cards--sky.css

@@ -158,10 +158,23 @@
 
 .socialblue--sky .block-profile-statistic-block .follow-user-wrapper .flag-follow-user,
 .socialblue--sky .block-group-statistic-block .follow-user-wrapper .flag-follow-user {
+  position: relative;
   padding: 6px 12px;
   font-weight: 400;
 }
 
+.socialblue--sky .block-profile-statistic-block .follow-user-wrapper .flag-follow-user .js-flag-message,
+.socialblue--sky .block-group-statistic-block .follow-user-wrapper .flag-follow-user .js-flag-message {
+  display: none;
+}
+
+.socialblue--sky .block-profile-statistic-block .follow-user-wrapper .flag-follow-user .ajax-throbber,
+.socialblue--sky .block-group-statistic-block .follow-user-wrapper .flag-follow-user .ajax-throbber {
+  position: absolute;
+  top: 4px;
+  right: 10px;
+}
+
 .socialblue--sky .block-profile-statistic-block .follow-user-wrapper .hero-footer__cta,
 .socialblue--sky .block-group-statistic-block .follow-user-wrapper .hero-footer__cta {
   padding-bottom: 0;

assets/css/teaser.css

@@ -24,6 +24,20 @@
   color: #343434;
 }
 
+.teaser .flag-follow-user {
+  position: relative;
+}
+
+.teaser .flag-follow-user .js-flag-message {
+  display: none;
+}
+
+.teaser .flag-follow-user .ajax-throbber {
+  position: absolute;
+  top: 4px;
+  right: 10px;
+}
+
 @media (min-width: 600px) {
   .teaser__image {
     border-top-left-radius: inherit;

components/02-atoms/cards/cards--sky.scss

@@ -237,9 +237,20 @@
       }
 
       .flag-follow-user {
+        position: relative;
         padding: 6px 12px;
         font-weight: 400;
 
+        .js-flag-message {
+          display: none;
+        }
+
+        .ajax-throbber {
+          position: absolute;
+          top: 4px;
+          right: 10px;
+        }
+
         @include for-phone-only {
           margin-bottom: .5rem;
         }

components/03-molecules/teaser/teaser.scss

@@ -60,4 +60,19 @@
   .badge__label {
     color: $default-color;
   }
+
+  // Follow user button.
+  .flag-follow-user {
+    position: relative;
+
+    .js-flag-message {
+      display: none;
+    }
+
+    .ajax-throbber {
+      position: absolute;
+      top: 4px;
+      right: 10px;
+    }
+  }
 }