show unread mail count in topbar

[browser-rts.git] / public / scifi.css

diff --git a/public/scifi.css b/public/scifi.css
index 98c99bd372922779a6c911ff779b07810f4f7b61..ce21ee15a8d92c707949e566b7c3ce84d76737c0 100644 (file)
--- a/public/scifi.css
+++ b/public/scifi.css
@@ -191,6 +191,7 @@ footer {
 }
 #nav li a {
     padding: 10px 25px;
+    position: relative;
 }
 #nav li a:hover {
     background-color: var(--border);
@@ -416,6 +417,18 @@ form > div {
   margin-bottom: 5px;
 }
 
+.badge {
+  border-radius: 5px;
+  padding: 0 6px;
+  font-size: 0.7rem;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.badge.danger {
+  background-color: var(--red-border);
+}
+
 #stats {
   margin-top: 1rem;
 }