Fix profile picture alignment in notifications page

diff --git a/app/templates/notifications/list.html b/app/templates/notifications/list.html
index 8aab3ee9ab51a5a98698bba905677765de5e1b1e..61f884a8c0ad8a0f31f56c0b3abd84c048427b9f 100644 (file)
--- a/app/templates/notifications/list.html
+++ b/app/templates/notifications/list.html
@@ -18,16 +18,16 @@ Notifications
                {% for n in current_user.notifications %}
                        <a class="list-group-item list-group-item-action" href="{{ n.url }}">
                                <div class="row">
-                                       <div class="col-sm-auto">
+                                       <div class="col-sm">
                                                {{ n.title}}
                                        </div>
 
-                                       <div class="col-sm text-muted text-right">
+                                       <div class="col-sm-auto text-muted text-right">
+                                               <span class="pr-1">{{ n.causer.display_name }}</span>
                                                <img
                                                        class="img-responsive user-photo img-thumbnail img-thumbnail-1"
                                                        style="max-height: 22px;"
                                                        src="{{ n.causer.getProfilePicURL() }}" />
-                                               <span class="pl-1">{{ n.causer.display_name }}</span>
                                        </div>
                                </div>
                        </a>