From 30eaa6141f148c1854c217d58a523d88340d01e2 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 12 Nov 2021 20:08:40 -0600
Subject: [PATCH 1/4] fix avatar head positioning

---
 .../relationships-container/RelationshipsContainerView.scss  | 5 +----
 .../relationships-container/RelationshipsContainerView.tsx   | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
index cc722c8f..631424c4 100644
--- a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
+++ b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
@@ -1,12 +1,10 @@
 .relationships-container {
 
     .relationship-container {
-        //margin-bottom: 10px;
 
         .relationship 
         {
-            margin-left: 10px;
-            display: inline-block;
+            position: relative;
             
             &.advanced {
                 background-color: white;
@@ -24,7 +22,6 @@
                 height: 80px;
                 right: 0;
                 margin-top: -60px;
-                margin-right: 10px;
             }
         }
 
diff --git a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
index 11f54ea3..51fe425d 100644
--- a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
+++ b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
@@ -27,7 +27,7 @@ export const RelationshipsContainerView: FC<RelationshipsContainerViewProps> = p
             <div className="relationship-container d-flex flex-row align-items-center w-100">
                 <i className={`icon icon-relationship-${relationshipName} flex-shrink-0 align-self-baseline mt-2`} />
                 <div className="w-100 d-flex flex-column">
-                    <span className={'relationship w-100' + (!simple ? ' advanced' : '')}>
+                    <span className={'relationship mx-2' + (!simple ? ' advanced' : '')}>
                         <span className="cursor-pointer relationship-text" onClick={() => OnUserClick(relationshipInfo)}>
                             {
                                 (relationshipInfo && relationshipInfo.friendCount > 0) ? relationshipInfo.randomFriendName : LocalizeText('extendedprofile.add.friends')

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 2/4] 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>

From f5d75f91cc46e6d40df9627a554cf93d20664cb3 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 12 Nov 2021 20:56:03 -0600
Subject: [PATCH 3/4] fix group image alignment

---
 src/views/groups/views/information/GroupInformationView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/groups/views/information/GroupInformationView.tsx b/src/views/groups/views/information/GroupInformationView.tsx
index dceea686..198565c4 100644
--- a/src/views/groups/views/information/GroupInformationView.tsx
+++ b/src/views/groups/views/information/GroupInformationView.tsx
@@ -104,8 +104,8 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
         <div className="group-information text-black p-2">
             <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 } className="mx-auto"/>
+                    <div className="group-badge d-flex align-items-center">
+                        <BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } className="mx-auto d-block"/>
                     </div>
                     <div className="mt-3 cursor-pointer" onClick={ () => handleAction('members') }>
                         { LocalizeText('group.membercount', ['totalMembers'], [groupInformation.membersCount.toString()]) }

From afc3097896e16d0591311d5915e4f658aabde116 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 12 Nov 2021 21:28:32 -0600
Subject: [PATCH 4/4] fix mod tools chatlog button size on small screens

---
 src/views/mod-tools/views/chatlog/ChatlogView.tsx             | 4 ++--
 .../user/user-room-visits/ModToolsUserRoomVisitsView.tsx      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/mod-tools/views/chatlog/ChatlogView.tsx b/src/views/mod-tools/views/chatlog/ChatlogView.tsx
index c20839cd..c2394526 100644
--- a/src/views/mod-tools/views/chatlog/ChatlogView.tsx
+++ b/src/views/mod-tools/views/chatlog/ChatlogView.tsx
@@ -104,8 +104,8 @@ export const ChatlogView: FC<ChatlogViewProps> = props =>
         return (
             <div key={uniqueKey} style={style} className="row justify-content-start gap-2 room-info">
                 <div className="col-7"><span className="fw-bold">Room: </span>{roomName}</div>
-                <button className="btn btn-sm btn-primary col-sm-auto" onClick={() => TryVisitRoom(roomId)}>Visit Room</button>
-                <button className="btn btn-sm btn-primary col-sm-auto" onClick={() => dispatchUiEvent(new ModToolsOpenRoomInfoEvent(roomId))}>Room Tools</button>
+                <button className="btn btn-sm btn-primary col-auto" onClick={() => TryVisitRoom(roomId)}>Visit Room</button>
+                <button className="btn btn-sm btn-primary col-auto" onClick={() => dispatchUiEvent(new ModToolsOpenRoomInfoEvent(roomId))}>Room Tools</button>
             </div>
         );
     }, []);
diff --git a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
index 4f09828f..4ec3667b 100644
--- a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
+++ b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
@@ -36,7 +36,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
             <div style={props.style} key={props.key} className="row room-visit">
                 <div className="col-auto text-center">{item.enterHour.toString().padStart(2, '0')}:{item.enterMinute.toString().padStart(2, '0')}</div>
                 <div className="col-7"><span className="fw-bold">Room: </span>{item.roomName}</div>
-                <button className="btn btn-sm btn-link col-sm-auto fw-bold" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
+                <button className="btn btn-sm btn-link col-auto fw-bold" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
             </div>);
     }