From 0e07414e4ea5310f27b30e71a44f75f850823c4f Mon Sep 17 00:00:00 2001
From: Ricardo Wurmus <rekado@elephly.net>
Date: Tue, 20 Dec 2022 19:11:07 +0100
Subject: html: Fix styling of event badges.

---
 assets/mumi.scss | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

(limited to 'assets')

diff --git a/assets/mumi.scss b/assets/mumi.scss
index a0185ab..08a3a42 100644
--- a/assets/mumi.scss
+++ b/assets/mumi.scss
@@ -261,9 +261,28 @@ table {
 }
 
 /* messages */
-.row.event {
+.event {
     margin-bottom: 1em;
-    font-size: 1.2em;
+    text-align: center;
+    margin: 0.5em auto;
+    display: block;
+}
+
+.badge {
+    display: inline-block;
+    border-radius: 10px;
+    color: var(--primary-inverse);
+    background-color: var(--primary);
+    padding: 0.3em;
+}
+
+.badge-primary {
+    color: var(--primary-inverse);
+    background-color: var(--primary);
+}
+.badge-info {
+    color: var(--secondary-inverse);
+    background-color: var(--secondary);
 }
 
 .info .stat {
-- 
cgit v1.2.3