From eba28c3976eb6771b4247c2c2148ef2d893f2f20 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Fri, 4 Aug 2023 14:39:15 -0700
Subject: [PATCH] cluster: specify margin in px

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/frame/Cluster.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/frame/Cluster.vue b/src/components/frame/Cluster.vue
index 14a1f0f8..c7a42af6 100644
--- a/src/components/frame/Cluster.vue
+++ b/src/components/frame/Cluster.vue
@@ -179,12 +179,13 @@ img {
   }
 }
 
+$namemargin: 7px;
 .name {
   position: absolute;
   bottom: 0;
   z-index: 100;
-  width: 90%;
-  margin: 5%;
+  width: calc(100% - 2 * #{$namemargin});
+  margin: $namemargin;
 
   // 2px padding prevents the bottom of the text from being cut off
   padding-bottom: 2px;
@@ -204,7 +205,7 @@ img {
 
   .cluster--circle & {
     -webkit-line-clamp: 2;
-    margin: 0 5%;
+    margin: 0 $namemargin;
     min-height: 26px; // alignment
   }