Poll: Fix styles for poll avatar list (#4734)

src/components/middle/message/Poll.scss

@@ -110,26 +110,7 @@
   }
 
   .poll-recent-voters {
-    display: inline-flex;
-    align-items: center;
-    vertical-align: text-bottom;
     margin-left: 0.875rem;
-    margin-right: 0.5rem;
-    margin-top: -2px;
-
-    .Avatar {
-      border: 0.0625rem solid var(--color-background);
-      margin-right: 0;
-      box-sizing: content-box;
-
-      .Message.own & {
-        border: 0.0625rem solid var(--secondary-color);
-      }
-
-      &:not(:first-child) {
-        margin-left: -3px;
-      }
-    }
   }
 
   .poll-countdown {

src/components/middle/message/Poll.tsx

@@ -22,7 +22,7 @@ import { renderTextWithEntities } from '../../common/helpers/renderTextWithEntit
 import useLastCallback from '../../../hooks/useLastCallback';
 import useOldLang from '../../../hooks/useOldLang';
 
-import Avatar from '../../common/Avatar';
+import AvatarList from '../../common/AvatarList';
 import Button from '../../ui/Button';
 import CheckboxGroup from '../../ui/CheckboxGroup';
 import Notification from '../../ui/Notification';
@@ -222,13 +222,10 @@ const Poll: FC<OwnProps & StateProps> = ({
     return (
       recentVoters.length > 0 && (
         <div className="poll-recent-voters">
-          {recentVoters.map((peer) => (
+          <AvatarList
-            <Avatar
+            size="micro"
-              key={peer.id}
+            peers={recentVoters}
-              size="micro"
+          />
-              peer={peer}
-            />
-          ))}
         </div>
       )
     );