From 9a24d21bbdd77db808c09b7b5cad632bebbe2f13 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 27 Feb 2024 00:16:22 +0200
Subject: fix mobile badge in timeline

---
 src/App.scss | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index b9aded41..f94583c9 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -620,22 +620,38 @@ option {
   overflow: hidden;
   text-overflow: ellipsis;
 
+  &.-dot,
+  &.-counter {
+    margin: 0;
+    position: absolute;
+  }
+
   &.-dot {
-    border-radius: 100%;
     min-height: 8px;
     max-height: 8px;
     min-width: 8px;
     max-width: 8px;
     padding: 0;
     line-height: 0;
-    margin: 0;
     font-size: 0;
-    position: absolute;
     left: calc(50% - 4px);
     top: calc(50% - 4px);
     margin-left: 6px;
     margin-top: -6px;
   }
+
+  &.-counter {
+    border-radius: var(--roundness);
+    font-size: 0.75em;
+    line-height: 1;
+    text-align: right;
+    padding: 0.2em;
+    min-width: 0;
+    left: calc(50% - 0.5em);
+    top: calc(50% - 0.4em);
+    margin-left: 0.7em;
+    margin-top: -1em;
+  }
 }
 
 .alert {
-- 
cgit v1.2.3-70-g09d2