fix(thumbnail) Fix top indicators sizes (#12539)

Fix sizes after icon update

react/features/filmstrip/components/web/PinnedIndicator.tsx

@@ -36,7 +36,7 @@ const useStyles = makeStyles()(() => {
     return {
         pinnedIndicator: {
             backgroundColor: 'rgba(0, 0, 0, .7)',
-            padding: '2px',
+            padding: '4px',
             zIndex: 3,
             display: 'inline-block',
             borderRadius: '4px',

react/features/filmstrip/components/web/RaisedHandIndicator.tsx

@@ -35,7 +35,7 @@ const useStyles = makeStyles()((theme: Theme) => {
     return {
         raisedHandIndicator: {
             backgroundColor: theme.palette.warning02,
-            padding: '2px',
+            padding: '4px',
             zIndex: 3,
             display: 'inline-block',
             borderRadius: '4px',

react/features/video-menu/components/web/LocalVideoMenuTriggerButton.tsx

@@ -115,7 +115,12 @@ const styles = () => {
     return {
         triggerButton: {
             padding: '3px !important',
-            borderRadius: '4px'
+            borderRadius: '4px',
+
+            '& svg': {
+                width: '20px',
+                height: '20px'
+            }
         },
 
         contextMenu: {

react/features/video-menu/components/web/RemoteVideoMenuTriggerButton.tsx

@@ -117,7 +117,12 @@ const styles = () => {
     return {
         triggerButton: {
             padding: '3px !important',
-            borderRadius: '4px'
+            borderRadius: '4px',
+
+            '& svg': {
+                width: '20px',
+                height: '20px'
+            }
         },
 
         contextMenu: {