Merge pull request #457 from BinaryStudioAcademy/fix/wr-456-center-icon

wr-456: center top action buttons icons
BinaryStudioAcademy · Sep 29, 2023 · f2931aa · f2931aa
2 parents c5e35da + 124a330
commit f2931aa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/frontend/src/pages/articles/components/article-card/article-card.tsx b/frontend/src/pages/articles/components/article-card/article-card.tsx
@@ -157,7 +157,6 @@ const ArticleCard: React.FC<Properties> = ({
             </span>
           )}
         </div>
-
         <div className={styles.toolbar}>
           <IconButton
             className={styles.topActionsIcon}

diff --git a/frontend/src/pages/articles/components/article-card/styles.module.scss b/frontend/src/pages/articles/components/article-card/styles.module.scss
@@ -244,6 +244,9 @@
 }
 
 .topActionsIcon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   width: 35px;
   height: 35px;
   margin: -5px -5px 0 0;