Merge pull request #28 from billsonnn/patch/style

Patch/style

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">
+                    <div className="group-badge d-flex align-items-center">
-                        <BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } />
+                        <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()]) }

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-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={() => dispatchUiEvent(new ModToolsOpenRoomInfoEvent(roomId))}>Room Tools</button>
             </div>
         );
     }, []);

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>);
     }
 

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>
-//     );
 }

src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss

@@ -1,12 +1,10 @@
 .relationships-container {
 
     .relationship-container {
-        //margin-bottom: 10px;
 
         .relationship 
         {
-            margin-left: 10px;
+            position: relative;
-            display: inline-block;
             
             &.advanced {
                 background-color: white;
@@ -24,7 +22,6 @@
                 height: 80px;
                 right: 0;
                 margin-top: -60px;
-                margin-right: 10px;
             }
         }
 

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')

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>