From ba2e82d7ecfaed53bde8e911cb67a5f124b544e6 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <andy@pixelde.su>
Date: Sat, 9 May 2020 02:45:47 +0200
Subject: [PATCH] Fix moderation userbox layout

---
 app/views/moderation/_userbox.html.haml | 15 +++++++--------
 app/views/moderation/priority.html.haml |  4 ++--
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/app/views/moderation/_userbox.html.haml b/app/views/moderation/_userbox.html.haml
index 07640f1b..ad59b82e 100644
--- a/app/views/moderation/_userbox.html.haml
+++ b/app/views/moderation/_userbox.html.haml
@@ -1,12 +1,11 @@
-- header_class = if user.profile_header.exists? then "userbox--header-container" else "userbox--no-header" end
-.card
-  %div{class: header_class}
-    %img.userbox--header{src: user.profile_header.url(:mobile)}
+.card.h-100.userbox
+  %img.userbox__header{src: user.profile_header.url(:mobile)}
   .card-body
-    %img.userbox--avatar{src: user.profile_picture.url(:small)}
-    %p.userbox--username
-      %a.profile--displayname{href: show_user_profile_path(user.screen_name)}
-        = user.screen_name
+    %img.userbox__avatar{src: user.profile_picture.url(:small)}
+    %a.profile__name{href: show_user_profile_path(user.screen_name)}
+      - unless user.display_name.blank?
+        .profile__display-name
+          = user.display_name
     .row
       .col-md-12.col-sm-12.col-xs-12
         - unless count.nil?
diff --git a/app/views/moderation/priority.html.haml b/app/views/moderation/priority.html.haml
index 92e1ff87..436fb9ea 100644
--- a/app/views/moderation/priority.html.haml
+++ b/app/views/moderation/priority.html.haml
@@ -4,7 +4,7 @@
   - else
     Users with the same IP
 #users
-  .row
+  .row.row-cols-1.row-cols-sm-2.row-cols-md-3
     - @users.each do |u, c|
-      .col-md-4.col-sm-12col-xs-12
+      .col
         = render 'moderation/userbox', user: u, count: c