header dropdown menu

public/less/admin/admin.less

@@ -101,20 +101,6 @@
 		.box-header-font
 	}
 
-	#user_label {
-        a {
-            padding-top: 13px;
-            padding-bottom: 13px;
-
-            img {
-                width: 24px;
-                height: 24px;
-                border-radius: 50%;
-                border: 1px solid #454;
-            }
-        }
-	}
-
 	.icon-container {
 		.row {
 			margin: 0;

public/less/admin/header.less

@@ -15,6 +15,16 @@
 		font-weight: 300;
 	}
 
+	#user_label {
+		position: absolute;
+		right: 30px;
+		bottom: 0px;
+		
+		#user_dropdown {
+			font-size: 25px;
+		}
+	}
+
 	> ul {
 		list-style-type: none;
 		padding: 0px;

src/views/admin/partials/menu.tpl

@@ -99,4 +99,39 @@
 			</ul>
 		</li>
 	</ul>
+
+	<ul id="user_label" class="pull-right">
+		<li class="dropdown pull-right hidden-xs">
+			<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
+				<i class="fa fa-ellipsis-v"></i>
+			</a>
+			<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
+				<li>
+					<a href="{relative_path}/" target="_blank" title="View Forum">
+						View Forum
+					</a>
+				</li>
+				<li>
+					<a id="user-profile-link" href="{relative_path}/user/{user.userslug}" target="_top">
+						View Profile
+					</a>
+				</li>
+				<li role="presentation" class="divider"></li>
+				<li>
+					<a href="#" class="reload" title="Reload Forum">
+						Reload Forum
+					</a>
+				</li>
+				<li>
+					<a href="#" class="restart" title="Restart Forum">
+						Restart Forum
+					</a>
+				</li>
+				<li role="presentation" class="divider"></li>
+				<li component="logout">
+					<a href="#">Log out</a>
+				</li>
+			</ul>
+		</li>
+	</ul>
 </nav>