Add logo support

app/lib/components/Room.jsx

@@ -82,6 +82,7 @@ class Room extends React.Component
 					<div data-component='Room'>
 						<FullScreenView advancedMode={room.advancedMode} />
 						<div className='room-wrapper'>
+							<div data-component='Logo' />
 							<Notifications />
 
 							<ToolAreaButton />

app/stylus/components/Logo.styl

@@ -0,0 +1,19 @@
+[data-component='Logo'] {
+        position: absolute;
+        height: 4%;
+        width: 8%;
+	top: 1%;
+	left: 1%;
+	z-index: 20;
+	background-position: left;
+	background-size: 100%;
+	background-repeat: no-repeat;
+	+desktop() {
+		opacity: 1;
+	}
+
+	+mobile() {
+	}
+	background-image: url('/resources/images/logo.svg');
+	background-size: contain;
+}

app/stylus/components/Room.styl

@@ -19,15 +19,15 @@
 			background-color: rgba(#fff, 0.2);
 
 			+desktop() {
-				top: 20px;
+				bottom: 1%;
-				left: 20px;
+				left: 1%;
-				width: 124px;
+				width: 10%;
 			}
 
 			+mobile() {
-				top: 10px;
+				bottom: 1%;
-				left: 10px;
+				left: 1%;
-				width: 110px;
+				width: 10%;
 			}
 
 			> .icon {
@@ -152,14 +152,14 @@
 			}
 
 			+desktop() {
-				top: 20px;
+				top: 6%;
-				left: 20px;
+				left:1%;
 				border: 1px solid rgba(#fff, 0.15);
 			}
 
 			+mobile() {
-				top: 10px;
+				top: 6%;
-				left: 10px;
+				left: 1%;
 				border: 1px solid rgba(#fff, 0.25);
 			}
 		}

app/stylus/index.styl

@@ -42,6 +42,7 @@ body {
 
 // Components
 @import './components/Room';
+@import './components/Logo';
 @import './components/Sidebar';
 @import './components/Me';
 @import './components/Peers';