From 8ee5ee8bc00226214ee519c84b906f24296b98cc 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 | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/fe_calckey/frontend/client/src/pages/user/home.vue b/fe_calckey/frontend/client/src/pages/user/home.vue
index e1aa505..77802e8 100644
--- a/fe_calckey/frontend/client/src/pages/user/home.vue
+++ b/fe_calckey/frontend/client/src/pages/user/home.vue
@@ -564,6 +564,7 @@ onUnmounted(() => {
 
                         > .nameColumn {
                             display: block;
+
                             > .name {
                                 margin: 0;
                                 line-height: 32px;
@@ -829,11 +830,21 @@ onUnmounted(() => {
                     display: block;
                     border-bottom: 0;
                     padding-bottom: 0;
+
                     > .bottom {
                         > .username {
                             margin-right: 0;
                         }
                     }
+
+                    > .nameColumn {
+                        display: flex;
+                        flex-wrap: wrap;
+                        align-items: center;
+                        flex-direction: row;
+                        justify-content: center;
+                        gap: 0.5em 0.1em;
+                    }
                 }
 
                 > .avatar {