From 65e962bf1b6d1dfb8feead44f119a407c045c89f Mon Sep 17 00:00:00 2001
From: Timo <16718859+toger5@users.noreply.github.com>
Date: Thu, 28 Nov 2024 18:24:24 +0100
Subject: [PATCH] Fix wrong hand raise margins in pip tile. (#2840)

---
 src/reactions/ReactionIndicator.module.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/reactions/ReactionIndicator.module.css b/src/reactions/ReactionIndicator.module.css
index cc05ab1a..32b7fa3d 100644
--- a/src/reactions/ReactionIndicator.module.css
+++ b/src/reactions/ReactionIndicator.module.css
@@ -1,6 +1,6 @@
 .reactionIndicatorWidget {
   display: flex;
-  /* background-color: var(--cpd-color-bg-subtle-primary); */
+  background-color: #00000050;
   border-radius: var(--cpd-radius-pill-effect);
   box-shadow: 0 0 var(--cpd-space-2x) #00000040;
   background: "ffffff40";
@@ -14,12 +14,15 @@
   margin-top: auto;
   margin-bottom: auto;
   width: 3em;
+  padding-right: var(--cpd-space-2x);
+  margin-left: calc(var(--cpd-space-2x) * -1);
 }
 
 .reactionIndicatorWidgetLarge > p {
   padding: var(--cpd-space-2x);
   padding-right: var(--cpd-space-4x);
   padding-left: 0;
+  margin-left: 0;
 }
 
 .reactionLarge {
@@ -31,13 +34,11 @@
 .reaction {
   margin: var(--cpd-space-1x);
   color: var(--cpd-color-icon-secondary);
-  /* background-color: var(--cpd-color-icon-secondary); */
   display: flex;
   align-items: center;
   border-radius: var(--cpd-radius-pill-effect);
   user-select: none;
   overflow: hidden;
-  /* box-shadow: var(--small-drop-shadow); */
   box-sizing: border-box;
   max-inline-size: 100%;
   max-width: fit-content;