Update RightSideView

src/components/index.scss

@@ -9,6 +9,7 @@
 @import './mod-tools/ModToolsView';
 @import './navigator/NavigatorView';
 @import './purse/PurseView';
+@import './right-side/RightSideView';
 @import './toolbar/ToolbarView';
 @import './user-profile/UserProfileVew';
 @import './user-settings/UserSettingsView';

src/components/right-side/RightSideView.tsx

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { Column } from '../../common';
+import { NotificationCenterView } from '../../views/notification-center/NotificationCenterView';
+import { GroupRoomInformationView } from '../groups/views/room-information/GroupRoomInformationView';
+import { PurseView } from '../purse/PurseView';
+
+export const RightSideView: FC<{}> = props =>
+{
+    return (
+        <div className="nitro-right-side">
+            <Column position="relative">
+                <PurseView />
+                <GroupRoomInformationView />
+                <NotificationCenterView />
+            </Column>
+        </div>
+    );
+}

src/views/Styles.scss

@@ -4,7 +4,6 @@
 @import "./loading/LoadingView";
 @import "./main/MainView";
 @import "./notification-center/NotificationCenterView";
-@import "./right-side/RightSideView";
 @import "./room/RoomView";
 @import "./room-host/RoomHostView";
 @import "./floorplan-editor/FloorplanEditorView";

src/views/main/MainView.tsx

@@ -11,6 +11,7 @@ import { HelpView } from '../../components/help/HelpView';
 import { InventoryView } from '../../components/inventory/InventoryView';
 import { ModToolsView } from '../../components/mod-tools/ModToolsView';
 import { NavigatorView } from '../../components/navigator/NavigatorView';
+import { RightSideView } from '../../components/right-side/RightSideView';
 import { ToolbarView } from '../../components/toolbar/ToolbarView';
 import { UserProfileView } from '../../components/user-profile/UserProfileView';
 import { UserSettingsView } from '../../components/user-settings/UserSettingsView';
@@ -23,7 +24,6 @@ import { FriendsView } from '../friends/FriendsView';
 import { HcCenterView } from '../hc-center/HcCenterView';
 import { HotelView } from '../hotel-view/HotelView';
 import { NitropediaView } from '../nitropedia/NitropediaView';
-import { RightSideView } from '../right-side/RightSideView';
 import { RoomHostView } from '../room-host/RoomHostView';
 import { MainViewProps } from './MainView.types';
 

src/views/right-side/RightSideView.tsx

@@ -1,18 +0,0 @@
-import { FC } from 'react';
-import { GroupRoomInformationView } from '../../components/groups/views/room-information/GroupRoomInformationView';
-import { PurseView } from '../../components/purse/PurseView';
-import { NotificationCenterView } from '../notification-center/NotificationCenterView';
-import { RightSideProps } from './RightSideView.types';
-
-export const RightSideView: FC<RightSideProps> = props =>
-{
-    return (
-        <div className="nitro-right-side">
-            <div className="position-relative d-flex flex-column">
-                <PurseView />
-                <GroupRoomInformationView />
-                <NotificationCenterView />
-            </div>
-        </div>
-    );
-}

src/views/right-side/RightSideView.types.ts

@@ -1,4 +0,0 @@
-export interface RightSideProps
-{
-    
-}