From 1979f5ec89ca960bf7c927a933a160854ae680b3 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 21 Dec 2023 13:20:17 +0200
Subject: [PATCH] [develop]: Revised access routes badge

---
 less/general.less | 83 ++++++++++++++++++++++++-----------------------
 1 file changed, 42 insertions(+), 41 deletions(-)

diff --git a/less/general.less b/less/general.less
index 8c3c4e7..799d08a 100644
--- a/less/general.less
+++ b/less/general.less
@@ -382,51 +382,52 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
   height: @general-access-route-badge-size;
   position: relative;
 
-  &:has(:first-child) {
-    & > .dot:first-child {
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &:has(:nth-child(2)) {
-      & > .dot:first-child {
-        left: 0;
-        transform: translate(0, -50%);
-      }
-
-      & > .dot:nth-child(2) {
-        right: 0;
-        top: 50%;
-        transform: translate(0, -50%);
-      }
-
-      &:has(:nth-child(3)) {
-        & > .dot:first-child {
-          left: 0;
-          top: 100%;
-          transform: translate(0, -100%);
-        }
-
-        & > .dot:nth-child(2) {
-          right: 0;
-          top: 100%;
-          transform: translate(0, -100%);
-        }
-
-        & > .dot:nth-child(3) {
-          left: 50%;
-          top: 0;
-          transform: translate(-50%, 0);
-        }
-      }
-    }
-  }
-
   & > .dot {
     position: absolute;
     margin-right: 0 !important;
   }
+
+  &.dots-1 {
+    & > .dot:first-child {
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  &.dots-2 {
+    & > .dot:first-child {
+      top: 50%;
+        left: 0;
+        transform: translate(0, -50%);
+    }
+
+    & > .dot:nth-child(2) {
+      right: 0;
+      top: 50%;
+      transform: translate(0, -50%);
+    }
+  }
+
+  &.dots-3 {
+    & > .dot:first-child {
+      left: 0;
+      top: 100%;
+      transform: translate(0, -100%);
+    }
+
+    & > .dot:nth-child(2) {
+      right: 0;
+      top: 100%;
+      transform: translate(0, -100%);
+    }
+
+    & > .dot:nth-child(3) {
+      left: 50%;
+      top: 0;
+      transform: translate(-50%, 0);
+    }
+  }
 }
 
 .filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {