updated logout icon

frontend/delta/js/Clipperz/PM/UI/Components/Panels/ExtraFeaturesPanel.js

@@ -80,6 +80,10 @@ Clipperz.PM.UI.Components.Panels.ExtraFeaturesPanelClass = React.createClass({
 		}
 	},
 
+	lock: function () {
+console.log("LOCK");
+	},
+
 	logout: function () {
 		MochiKit.Signal.signal(Clipperz.Signal.NotificationCenter, 'logout');
 	},
@@ -275,8 +279,9 @@ Clipperz.PM.UI.Components.Panels.ExtraFeaturesPanelClass = React.createClass({
 							]),
 						])
 					]),
-					React.DOM.li({'key':'logout', 'className':'link', 'onClick':this.logout}, [
-						React.DOM.h2({}, "Logout")
+					React.DOM.li({'key':'logout', 'className':'lock-logout'}, [
+//						React.DOM.h2({'className':'lock',   'onClick':this.lock},   "Lock"),
+						React.DOM.h2({'className':'logout', 'onClick':this.logout}, "Logout"),
 					])
 				])
 			]),

frontend/delta/scss/style/settingsPanel.scss

@@ -65,9 +65,10 @@ refer to http://www.clipperz.com.
 //					padding-left: 10px;
 				}
 
-//				&:last-child {
+				&:last-child {
 //					border-bottom: 1px solid white;
-//				}
+					border-bottom: 0px;
+				}
 			
 				&.closed > ul {
 					display: none;
@@ -167,7 +168,6 @@ refer to http://www.clipperz.com.
 					}
 					
 					&.link {
-						
 						h2 {
 						 	&:after {
 								@include icon-font();
@@ -177,6 +177,37 @@ refer to http://www.clipperz.com.
 							}
 						};
 					}
+
+					&.lock-logout {
+						h2	{
+							padding: 10px;
+							font-size: 16pt;
+							cursor: pointer;
+
+							&:after {
+								@include icon-font();
+								color: gray;
+								padding-left: 10px;
+							}
+
+							&:hover {
+								&:after {
+									color: white;
+								}
+							}
+
+							&.lock {
+								&:after {
+									content: "lock";
+								}
+							}
+							&.logout {
+								&:after {
+									content: "logout";
+								}
+							}
+						}
+					}
 				}
 			}
 		}