From 5dba77539814930b7149d347d9da13042ef7d0b0 Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Sun, 22 Mar 2015 14:26:32 -0400
Subject: [PATCH] put moderator tools into a menu

---
 less/topic.less                   | 19 +++++++++-----
 templates/partials/topic/post.tpl | 42 ++++++++++++++++++++++---------
 2 files changed, 43 insertions(+), 18 deletions(-)

diff --git a/less/topic.less b/less/topic.less
index b9e8ba9..1726123 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -71,13 +71,18 @@
 	}
 
 	.moderator-tools {
-		text-transform: lowercase;
-		:before {
-			content: "\2022\0020";
-		}
-
+		position: absolute;
+		right: 5px;
+		top: 0px;
+		font-size: 14px;;
+		
 		a {
-			.pointer;
+			color: @gray-light;
+			outline: none;
+
+			&.menuitem {
+				color: @gray-dark;
+			}
 		}
 	}
 
@@ -115,6 +120,8 @@
 		padding: 0;
 
 		> li {
+			position: relative;
+
 			&.deleted {
 				-moz-opacity: 0.30;
 				opacity: 0.30;
diff --git a/templates/partials/topic/post.tpl b/templates/partials/topic/post.tpl
index 0e26f87..dfd3ecf 100644
--- a/templates/partials/topic/post.tpl
+++ b/templates/partials/topic/post.tpl
@@ -17,20 +17,38 @@
 		[[global:posted_ago, <span class="timeago" title="{posts.relativeTime}"></span>]]
 
 		<!-- IF posts.editor.username -->
-		<span>| [[global:last_edited_by_ago, <strong><a href="{relative_path}/user/{posts.editor.userslug}">{posts.editor.username}</a></strong>, <span class="timeago" title="{posts.relativeEditTime}"></span>]]</span>
+		<span>, [[global:last_edited_by_ago, <strong><a href="{relative_path}/user/{posts.editor.userslug}">{posts.editor.username}</a></strong>, <span class="timeago" title="{posts.relativeEditTime}"></span>]]</span>
 		<!-- ENDIF posts.editor.username -->
 
-		<!-- IF posts.display_moderator_tools -->
-		<span class="moderator-tools">
-			<a component="post/edit">[[topic:edit]]</a>
-			<a component="post/delete">[[topic:delete]]</a>
-			<a component="post/purge" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">[[topic:purge]]</a>
-			<!-- IF posts.display_move_tools -->
-			<a component="post/move">[[topic:move]]</a>
-			<!-- ENDIF posts.display_move_tools -->
-		</span>
-		<!-- ENDIF posts.display_moderator_tools -->
-
+		<div class="dropdown moderator-tools">
+			<a href="#" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></a>
+			<ul class="dropdown-menu dropdown-menu-right" role="menu">
+				<!-- IF posts.display_moderator_tools -->
+				<li role="presentation">
+					<a component="post/edit" role="menuitem" tabindex="-1" href="#">
+						[[topic:edit]]
+					</a>
+				</li>
+				<li role="presentation">
+					<a component="post/delete" role="menuitem" tabindex="-1" href="#">
+						[[topic:delete]]
+					</a>
+				</li>
+				<li role="presentation">
+					<a component="post/purge" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
+						[[topic:purge]]
+					</a>
+				</li>
+				<!-- IF posts.display_move_tools -->
+				<li role="presentation">
+					<a component="post/move" role="menuitem" tabindex="-1" href="#">
+						[[topic:move]]
+					</a>
+				</li>
+				<!-- ENDIF posts.display_move_tools -->
+				<!-- ENDIF posts.display_moderator_tools -->
+			</ul>
+		</div>
 	</small>
 </div>