From 2fbb4e8821a66d42cde8ba85b0d24b03a097792c Mon Sep 17 00:00:00 2001
From: Max Franke <max.franke@acad.pucrs.br>
Date: Mon, 30 May 2022 15:36:30 -0300
Subject: [PATCH] fix(webcam): user status icons align

Align user status icons to match other icons paddings/margins
---
 .../video-list-item/user-status/styles.js         | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-status/styles.js b/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-status/styles.js
index 7549c01a2a..419271370e 100644
--- a/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-status/styles.js
+++ b/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-status/styles.js
@@ -1,33 +1,26 @@
 import styled from 'styled-components';
 import Icon from '/imports/ui/components/common/icon/component';
-import { audioIndicatorFs, audioIndicatorWidth } from '/imports/ui/stylesheets/styled-components/general';
 import { colorDanger, colorSuccess, colorWhite } from '/imports/ui/stylesheets/styled-components/palette';
 
 const Voice = styled(Icon)`
-  width: ${audioIndicatorWidth};
-  height: ${audioIndicatorWidth};
-  min-width: ${audioIndicatorWidth};
-  min-height: ${audioIndicatorWidth};
+  height: 80%;
   color: ${colorWhite};
   border-radius: 50%;
 
   &::before {
-    font-size: ${audioIndicatorFs};
+    font-size: 80%;
   }
 
   background-color: ${colorSuccess};
 `;
 
 const Muted = styled(Icon)`
-  width: ${audioIndicatorWidth};
-  height: ${audioIndicatorWidth};
-  min-width: ${audioIndicatorWidth};
-  min-height: ${audioIndicatorWidth};
+  height: 80%;
   color: ${colorWhite};
   border-radius: 50%;
 
   &::before {
-    font-size: ${audioIndicatorFs};
+    font-size: 80%;
   }
 
   background-color: ${colorDanger};