Use the proper HTML/CSS for user notifications

Author: humitos

readthedocs/core/notifications.py

@@ -13,7 +13,7 @@
         body=_(
             """
             Your primary email address is not verified.
-            Please <a href="{account_email_url}">verify it here</a>.,
+            Please <a href="{account_email_url}">verify it here</a>.
             """
         ),
         type=WARNING,

readthedocs/templates/base.html

@@ -108,11 +108,15 @@
           We need to use a CustomUser to have access to "user.notifications"
           See https://docs.djangoproject.com/en/4.2/ref/settings/#std-setting-AUTH_USER_MODEL
         {% endcomment %}
-        {% for notification in user_notifications %}
-        <p class="build-failure">
-            {{ notification.get_message.get_rendered_body|safe }}
-        </p>
-        {% endfor %}
+        {% if user_notifications %}
+          <ul class="notifications">
+          {% for notification in user_notifications %}
+            <li class="notification">
+              {{ notification.get_message.get_rendered_body|safe }}
+            </li>
+          {% endfor %}
+          </ul>
+        {% endif %}
 
         <!-- BEGIN notify -->
         {% block notify %}