From 253d55985b92cb5b5cdcdc496eb1a4a498806823 Mon Sep 17 00:00:00 2001
From: Natty <natty.sh.git@gmail.com>
Date: Wed, 11 Oct 2023 01:04:31 +0200
Subject: [PATCH] Frontend: Nicer wrapping for the nameColumn

---
 fe_calckey/frontend/client/src/pages/user/home.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/fe_calckey/frontend/client/src/pages/user/home.vue b/fe_calckey/frontend/client/src/pages/user/home.vue
index 741c965..1743396 100644
--- a/fe_calckey/frontend/client/src/pages/user/home.vue
+++ b/fe_calckey/frontend/client/src/pages/user/home.vue
@@ -558,7 +558,13 @@ onUnmounted(() => {
                         color: #fff;
 
                         > .nameColumn {
-                            display: block;
+                            display: flex;
+                            flex-wrap: wrap;
+                            align-items: center;
+                            flex-direction: row;
+                            justify-content: center;
+                            gap: 0.5em 0.1em;
+
                             > .name {
                                 margin: 0;
                                 line-height: 32px;