Improve number display

src/pretix/control/templates/pretixcontrol/event/new_index.html

@@ -129,22 +129,22 @@
     <!-- Timeline ----------------------------------------------------------------------------------------------------->
     <!-- Big numbers ---------------------------------------------------------------------------------------------->
     <div class="dashboard">
-        <!--<div class="widget-container widget-small">
+        <div class="widget-container widget-small event-dashboard">
             <a href="{{ attendees_ordered.url }}" class="widget">
                 {{ attendees_ordered.content|safe }}
             </a>
         </div>
-        <div class="widget-container widget-small">
+        <!--div class="widget-container widget-small">
             <a href="{{ attendees_paid.url }}" class="widget">
                 {{ attendees_paid.content|safe }}
             </a>
         </div>-->
-        <div class="widget-container widget-small no-background">
+        <div class="widget-container widget-small event-dashboard">
             <a href="{{ attendees_paid_ordered.url }}" class="widget">
                 {{ attendees_paid_ordered.content|safe }}
             </a>
         </div>
-        <div class="widget-container widget-small no-background">
+        <div class="widget-container widget-small event-dashboard">
             <a href="{{ total_revenue.url }}" class="widget">
                 {{ total_revenue.content|safe }}
             </a>

src/pretix/control/views/new_dashboard.py

@@ -97,7 +97,7 @@ class IndexView(EventPermissionRequiredMixin, ChartContainingView, TemplateView)
             order__status__in=(Order.STATUS_PAID, Order.STATUS_PENDING),
         ).count()
         ctx['attendees_ordered'] = {
-            'content': NUM_WIDGET.format(num=f'{tickc} <span class="fa fa-users"></span>',
+            'content': NUM_WIDGET.format(num=f'{tickc} <span class="fa fa-user"></span>',
                                          text=_('Attendees (ordered)'),
                                          text_add=''),
             'priority': 100,
@@ -121,9 +121,9 @@ class IndexView(EventPermissionRequiredMixin, ChartContainingView, TemplateView)
         }
         ctx['attendees_paid_ordered'] = {
             'content': NUM_WIDGET.format(
-                num=f'<span class="fa fa-user"></span> {tickc}',
-                text=_('Attendees'),
-                text_add=_(f'{paidc} paid, {tickc - paidc} pending')),
+                num='<span class="fa fa-money"></span>',
+                text=_(f'{paidc} paid, {tickc - paidc} pending'),
+                text_add=''),
             'priority': 100,
             'url': reverse('control:event.orders.overview', kwargs={
                 'event': self.request.event.slug,

src/pretix/static/pretixcontrol/scss/_dashboard.scss

@@ -11,10 +11,6 @@
   margin-right: -15px;
 }
 
-.no-background {
-  background: none !important;
-}
-
 .dashboard .widget-container {
   flex: 1 0 auto;
   align-self: stretch;
@@ -24,6 +20,12 @@
   background: #F8F8F8;
 }
 
+.dashboard .widget-container.event-dashboard {
+  background: none !important;
+  padding: 0 5px 15px;
+  min-height: 0;
+}
+
 .dashboard .widget-container.widget-full {
   width: 100%;
 }
@@ -34,8 +36,6 @@
 
 .dashboard .widget-container.widget-small {
   width: 25%;
-  margin: 0;
-  padding: 0;
 }
 
 .dashboard .widget-container.widget-lazy-loading {