From 445983f575de22554477f509e75eae5bc3575fa6 Mon Sep 17 00:00:00 2001
From: Jochen Kupperschmidt <homework@nwsnet.de>
Date: Sat, 29 Jun 2024 13:53:03 +0200
Subject: [PATCH] Style newest users list on admin dashboard as `itemlist`

---
 .../admin/dashboard/_recent_users.html        |  4 +--
 byceps/static/style/admin_dashboard.css       | 32 +------------------
 2 files changed, 3 insertions(+), 33 deletions(-)

diff --git a/byceps/blueprints/admin/dashboard/templates/admin/dashboard/_recent_users.html b/byceps/blueprints/admin/dashboard/templates/admin/dashboard/_recent_users.html
index f7a6f1f66..81541b33e 100644
--- a/byceps/blueprints/admin/dashboard/templates/admin/dashboard/_recent_users.html
+++ b/byceps/blueprints/admin/dashboard/templates/admin/dashboard/_recent_users.html
@@ -3,11 +3,11 @@
 {% from 'macros/user.html' import render_user_avatar, render_user_screen_name %}
 
 
-{%- call render_cell('users', 'cell--higher') %}
+{%- call render_cell(none, 'cell--higher', boxed=false) %}
   <div class="cell-label">{{ _('Newest Users') }}</div>
   <div class="mt">
     {%- if recent_users %}
-    <ol class="fancy-list">
+    <ol class="itemlist is-linked is-wide recent-users">
       {%- for user in recent_users %}
       <li>
         <a href="{{ url_for('user_admin.view', user_id=user.id) }}">
diff --git a/byceps/static/style/admin_dashboard.css b/byceps/static/style/admin_dashboard.css
index 29c0b8d7c..5d0d28345 100644
--- a/byceps/static/style/admin_dashboard.css
+++ b/byceps/static/style/admin_dashboard.css
@@ -81,37 +81,7 @@ a.dashboard-section-link:hover {
 }
 
 
-/* fancy list  */
-
-ol.fancy-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.fancy-list li {
-  line-height: 1.3;
-  margin: -0.5rem 0;
-}
-
-.fancy-list li + li {
-  margin-top: 0.25rem;
-}
-
-.fancy-list a {
-  border-color: transparent;
-  border-radius: var(--border-radius);
-  border-style: solid;
-  border-width: 1px;
-  display: block;
-  margin: 0 -0.5rem;
-  padding: 0.5rem;
-}
-
-.fancy-list a:hover {
-  background-color: #eeeeee;
-  border-color: #cccccc;
-}
+/* recent users */
 
 .supplement {
   color: #888888;
-- 
2.45.2