From 243eed8e73a06999f31e9e22a1e24cf6760b7e1d Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 16 Jan 2023 11:46:09 -0800
Subject: [PATCH] fix: avatars in grid, not seperate grids

---
 package.json                                 |  2 +-
 packages/client/src/components/MkAvatars.vue | 24 ++++++++------------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 5afab94cc..7b1837bf0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.8-rc3",
+	"version": "13.0.8-rc4",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkAvatars.vue b/packages/client/src/components/MkAvatars.vue
index b43edec4a..b1f21d1b6 100644
--- a/packages/client/src/components/MkAvatars.vue
+++ b/packages/client/src/components/MkAvatars.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="defgtij">
-	<div v-for="user in users" :key="user.id" class="users">
-		<MkAvatar :user="user" class="avatar" :show-indicator="true"/>
+	<div v-for="user in users" :key="user.id" class="avatar">
+		<MkAvatar :user="user" :show-indicator="true"/>
 	</div>
 </div>
 </template>
@@ -26,19 +26,15 @@ onMounted(async () => {
 <style lang="scss">
 .defgtij {
 	padding: 12px;
+	grid-gap: 12px;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
+	place-content: center;
 
-	> .users {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
-		grid-gap: 12px;
-		place-content: center;
-		padding: 12px;
-
-		> .avatar {
-			width: 100%;
-			height: 100%;
-			aspect-ratio: 1;
-		}
+	> .avatar {
+		width: 100%;
+		height: 100%;
+		aspect-ratio: 1;
 	}
 }
 </style>