From c4e84cd921e83f170e982ef61cee62a20a6a1cb8 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 12 Nov 2021 20:40:49 -0600
Subject: [PATCH] fix profile layout

---
 .../information/GroupInformationView.tsx      |  2 +-
 .../badges-container/BadgesContainerView.tsx  | 19 -------------------
 .../user-container/UserContainerView.tsx      |  4 ++--
 3 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/src/views/groups/views/information/GroupInformationView.tsx b/src/views/groups/views/information/GroupInformationView.tsx
index e53a433a..dceea686 100644
--- a/src/views/groups/views/information/GroupInformationView.tsx
+++ b/src/views/groups/views/information/GroupInformationView.tsx
@@ -105,7 +105,7 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
             <div>
                 <div className="text-center d-flex flex-column h-100 small text-black text-decoration-underline">
                     <div className="group-badge">
-                        <BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } />
+                        <BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } className="mx-auto"/>
                     </div>
                     <div className="mt-3 cursor-pointer" onClick={ () => handleAction('members') }>
                         { LocalizeText('group.membercount', ['totalMembers'], [groupInformation.membersCount.toString()]) }
diff --git a/src/views/user-profile/views/badges-container/BadgesContainerView.tsx b/src/views/user-profile/views/badges-container/BadgesContainerView.tsx
index 323e9254..982058f8 100644
--- a/src/views/user-profile/views/badges-container/BadgesContainerView.tsx
+++ b/src/views/user-profile/views/badges-container/BadgesContainerView.tsx
@@ -21,23 +21,4 @@ export const BadgesContainerView: FC<BadgesContainerViewProps> = props =>
             </NitroCardGridView>
         </div>
     )
-
-//     return (
-//         <div className="row badge-container d-flex mt-1">
-//             <div className="nitro-card-grid theme-default">
-//                 <div className="row row-cols-5 align-content-start">
-//                 {
-//                     badges.map( (badge, index) => 
-// {
-//                         return (
-//                         <div className="grid-item-container" key={index}>
-//                             <BadgeImageView badgeCode={badge}/>
-//                         </div>
-//                         )
-//                     })
-//                 }
-//                 </div>
-//             </div>
-//         </div>
-//     );
 }
diff --git a/src/views/user-profile/views/user-container/UserContainerView.tsx b/src/views/user-profile/views/user-container/UserContainerView.tsx
index e639b8e6..cd48bb4c 100644
--- a/src/views/user-profile/views/user-container/UserContainerView.tsx
+++ b/src/views/user-profile/views/user-container/UserContainerView.tsx
@@ -27,10 +27,10 @@ export const UserContainerView: FC<UserContainerViewProps> = props =>
 
     return (
         <div className="row">
-            <div className="col-sm-3 px-0 d-flex align-items-center">
+            <div className="col-auto px-0 d-flex align-items-center">
                 <AvatarImageView figure={userProfile.figure} direction={2} />
             </div>
-            <div className="col-sm-8">
+            <div className="col">
                 <div className="user-info-container">
                     <div className="fw-bold">{userProfile.username}</div>
                     <div className="fst-italic text-break small">{userProfile.motto}</div>