Made Me draggable.

app/lib/components/Room.jsx

@@ -13,6 +13,7 @@ import Notifications from './Notifications';
 import ToolAreaButton from './ToolArea/ToolAreaButton';
 import ToolArea from './ToolArea/ToolArea';
 import FullScreenView from './FullScreenView';
+import Draggable from 'react-draggable';
 
 class Room extends React.Component
 {
@@ -69,10 +70,13 @@ class Room extends React.Component
 						<Notifications />
 						<ToolAreaButton />
 
-						<div className='state' data-tip='Server status'>
-							<div className={classnames('icon', room.state)} />
-							<p className={classnames('text', room.state)}>{room.state}</p>
-						</div>
+						{room.advancedMode ?
+							<div className='state' data-tip='Server status'>
+								<div className={classnames('icon', room.state)} />
+								<p className={classnames('text', room.state)}>{room.state}</p>
+							</div>
+							:null
+						}
 
 						<div className='room-link-wrapper'>
 							<div className='room-link'>
@@ -109,15 +113,17 @@ class Room extends React.Component
 							advancedMode={room.advancedMode}
 						/>
 
-						<div
-							className={classnames('me-container', {
-								'active-speaker' : amActiveSpeaker
-							})}
-						>
-							<Me
-								advancedMode={room.advancedMode}
-							/>
-						</div>
+						<Draggable handle='.me-container' bounds='body' cancel='.display-name'>
+							<div
+								className={classnames('me-container', {
+									'active-speaker' : amActiveSpeaker
+								})}
+							>
+								<Me
+									advancedMode={room.advancedMode}
+								/>
+							</div>
+						</Draggable>
 
 						<div className='sidebar'>
 							<div

app/package.json

@@ -14,13 +14,14 @@
     "hark": "^1.1.6",
     "js-cookie": "^2.2.0",
     "marked": "^0.3.17",
-    "mediasoup-client": "^2.0.14",
+    "mediasoup-client": "^2.1.1",
     "prop-types": "^15.6.0",
     "protoo-client": "^2.0.7",
     "random-string": "^0.2.0",
     "react": "^16.2.0",
     "react-clipboard.js": "^1.1.3",
     "react-dom": "^16.2.0",
+    "react-draggable": "^3.0.5",
     "react-dropdown": "^1.5.0",
     "react-redux": "^5.0.6",
     "react-spinner": "^0.2.7",