Add "Login" button to RHS when user is a guest

src/components/structures/RightPanel.js

@@ -100,6 +100,10 @@ module.exports = React.createClass({
         });
     },
 
+    onLoginClick: function() {
+        dis.dispatch({ action: 'start_login' });
+    },
+
     onRoomStateMember: function(ev, state, member) {
         // redraw the badge on the membership list
         if (this.state.phase == this.Phase.MemberList && member.roomId === this.props.roomId) {
@@ -217,6 +221,10 @@ module.exports = React.createClass({
                             <TintableSvg src="img/minimise.svg" width="10" height="16"/>
                         </div>
                     </div>;
+        } else if (MatrixClientPeg.get().isGuest()) {
+            buttonGroup = <AccessibleButton className="mx_RightPanel_loginButton" element="button" onClick={this.onLoginClick}>
+                Login
+            </AccessibleButton>;
         }
 
         if (!this.props.collapsed) {

src/skins/vector/css/vector-web/structures/_RightPanel.scss

@@ -30,6 +30,21 @@ limitations under the License.
     flex: 0 0 70px;
 }
 
+.mx_RightPanel_loginButton {
+    margin-top: 15px;
+    width: 100%;
+    height: 40px;
+    border: 0px;
+    border-radius: 40px;
+
+    background-color: $accent-color;
+    color: $primary-bg-color;
+
+    cursor: pointer;
+
+    font-size: 15px;
+}
+
 /** Fixme - factor this out with the main header **/
 
 .mx_RightPanel_headerButtonGroup {