reviewers/templates/reviewers/extensions_review_detail.html

@@ -79,21 +79,27 @@
 {% block extension_activity %}
 <section id="activity" class="mt-4">
   <hr class="my-4">
+  <div class="align-items-center d-flex w-100">
     <h2>Activity</h2>
     {% if request.user.is_authenticated and not is_maintainer %}
-    <form method="post" action="{% url 'reviewers:approval-follow' extension.slug %}">
+      <form class="d-flex flex-column flex-grow-1" method="post" action="{% url 'reviewers:approval-follow' extension.slug %}">
         {% csrf_token %}
-      <button type="submit" class="btn">
         {% if user_is_following %}
+          <button class="btn ms-auto" type="submit">
             <i class="i-bell-off"></i> Unsubscribe
             <input type="hidden" name="follow" value="" />
+          </button>
+          <small class="text-muted text-end">{% trans "You're receiving notifications because you're subscribed to this thread." %}</small>
           {% else %}
+          <button class="btn ms-auto" type="submit">
             <i class="i-bell"></i> Subscribe
             <input type="hidden" name="follow" value="True" />
-      {% endif %}
           </button>
+          <small class="text-muted text-end">{% trans "You're not receiving notifications from this thread." %}</small>
+        {% endif %}
       </form>
     {% endif %}
+  </div>
 
   {% if review_activity %}
   <ul class="activity-list">