From d71b4c9536d58903717ba6e673e277ffa2437f20 Mon Sep 17 00:00:00 2001
From: Joe Nosie <182554+BoltsJ@users.noreply.github.com>
Date: Fri, 9 Aug 2024 15:08:24 -0500
Subject: [PATCH] Use relative positioning for activations

As usual, absolute positioning is a terrible idea
---
 src/lancer.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/lancer.scss b/src/lancer.scss
index a5baa691..9b0afb95 100644
--- a/src/lancer.scss
+++ b/src/lancer.scss
@@ -2751,19 +2751,22 @@ Here, this means we want to allow for drag stuff etc to show contextually if:
       .combatant-controls {
         span.activations {
           flex: 0 0 20px;
+          width: 20px;
           display: flex;
           justify-content: center;
           align-items: center;
-          font-size: 20px;
           i {
             color: var(--color-text-dark-5);
             font-size: 20px;
-            position: absolute;
+            position: relative;
+            left: 50%;
           }
           span {
-            flex: 0;
+            flex: 0 0 20px;
+            text-align: center;
             font-size: 14px;
             position: relative;
+            left: -50%;
             opacity: 0.8;
           }
         }