From e73cf1e280395655d292fd0184a0d1e4d61ee939 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Tue, 29 Nov 2022 19:20:11 -0500
Subject: [PATCH] feat: use flex box for user icons

---
 public/scss/generics.scss | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index 762a239f80..ec22892e61 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -84,20 +84,13 @@
 }
 
 @mixin user-icon() {
-	display: inline-block;
-	text-align: center;
+	display: inline-flex;
+	justify-content: center;
+	align-items: center;
 	color: $white;
 	font-weight: normal;
-	vertical-align: middle;
 	overflow: hidden;	/* stops alt text from overflowing past boundaries if image does not load */
 	white-space: nowrap;
-
-	&:before {
-		content: '';
-		display: inline-block;
-		height: 100%;
-		vertical-align: middle;
-	}
 }
 
 .avatar {