Actions menu on TrustUsers page

webui/src/main/css/muwire.css

@@ -383,6 +383,7 @@ div#trustedUsers table tbody td:nth-child(3) {
 }
 div#trustedUsers table tbody td:nth-child(1) {
   text-overflow: ellipsis;
+  overflow: auto;
 }
 div#trustedUsers table tbody td:nth-child(3) {
   text-align: center;
@@ -390,6 +391,7 @@ div#trustedUsers table tbody td:nth-child(3) {
 
 div#distrustedUsers table tbody td:nth-child(1) {
   text-overflow: ellipsis;
+  overflow: auto;
 }
 div#distrustedUsers table thead th:nth-child(2) {
   width: 300px;

webui/src/main/js/trustUsers.js

@@ -12,19 +12,18 @@ class Persona {
 	getMapping(trusted) {
 		var mapping = new Map()
 		var nameHtml = this.user
+		nameHtml += "<div class='right'><div class='dropdown'><a class='droplink'>" + _t("Actions") + "</a><div class='dropdown-content'>"
 		if (trusted) {
-			nameHtml += "<div class='right'>"
 			nameHtml += this.getNeutralLink()
-			nameHtml += "  "
 			nameHtml += this.getDistrustedLink()
-			nameHtml += "</div>"
+		} else {
+			nameHtml += this.getTrustedLink()
+			nameHtml += this.getNeutralLink()
+		}
+		nameHtml += "</div></div></div>"
+		if (trusted) {
 			nameHtml += "<div class='centercomment' id='distrusted-" + this.userB64 + "'></div>"
 		} else {
-			nameHtml += "<div class='right'>"
-			nameHtml += this.getTrustedLink()
-			nameHtml += "  "
-			nameHtml += this.getNeutralLink()
-			nameHtml += "</div>"
 			nameHtml += "<div class='centercomment' id='trusted-" + this.userB64 + "'></div>"
 		}
 		

webui/src/main/webapp/TrustUsers.jsp

@@ -25,7 +25,7 @@ helptext += "<br/>" + Util._t("You can subscribe to the trust lists of the users
 	    <section class="main foldermain">
 	    	<h3><%=Util._t("Trusted Users")%></h3>
 		    <div id="table-wrapper">
-				<div id="table-scroll">
+				<div id="table-scroll" class="paddedTable">
 					<div id="trustedUsers"></div>
 				</div>
 			</div>
@@ -33,7 +33,7 @@ helptext += "<br/>" + Util._t("You can subscribe to the trust lists of the users
 			<h3><%=Util._t("Distrusted Users")%></h3>
 			<div id="refresh-link"></div>
 			<div id="table-wrapper">
-				<div id="table-scroll">
+				<div id="table-scroll" class="paddedTable">
 					<div id="distrustedUsers"></div>
 				</div>
 			</div>