reviewers/templates/reviewers/extensions_review_detail.html

@@ -79,21 +79,27 @@
 {% block extension_activity %}
 <section id="activity" class="mt-4">
   <hr class="my-4">
-  <h2>Activity</h2>
-  {% if request.user.is_authenticated and not is_maintainer %}
-    <form method="post" action="{% url 'reviewers:approval-follow' extension.slug %}">
-      {% csrf_token %}
-      <button type="submit" class="btn">
-      {% if user_is_following %}
-        <i class="i-bell-off"></i> Unsubscribe
-        <input type="hidden" name="follow" value="" />
-      {% else %}
-        <i class="i-bell"></i> Subscribe
-        <input type="hidden" name="follow" value="True" />
-      {% endif %}
-      </button>
-    </form>
-  {% endif %}
+  <div class="align-items-center d-flex w-100">
+    <h2>Activity</h2>
+    {% if request.user.is_authenticated and not is_maintainer %}
+      <form class="d-flex flex-column flex-grow-1" method="post" action="{% url 'reviewers:approval-follow' extension.slug %}">
+        {% csrf_token %}
+        {% 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" />
+          </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">