Added more-actions menu.

css/style.css

@@ -142,3 +142,31 @@ video {
 	cursor: pointer;
 	vertical-align: top;
 }
+
+#app-navigation .app-navigation-entry-menu li {
+	width: auto !important;
+	float: inherit;
+	height: 36px;
+}
+
+#app-navigation .app-navigation-entry-menu li button {
+	float: inherit !important;
+	margin: 0;
+	padding: 0;
+	width: 100% !important;
+}
+
+#app-navigation .app-navigation-entry-menu li span {
+	display: inline-block;
+	height: 36px;
+	line-height: 36px;
+	padding-right: 10px;
+	font-weight: 400;
+	float: left;
+}
+
+#app-navigation .app-navigation-entry-menu li span.svg {
+	padding: 5px;
+	width: 36px;
+	box-sizing: border-box;
+}

js/rooms.js

@@ -40,4 +40,18 @@ $(document).ready(function() {
 		}
 	};
 
+	$(document).click(function(e) {
+	    var target = e.target;
+	    // Hide all more-actions menus
+	    $('.app-navigation-entry-menu').each(function() {
+			$(this).removeClass("open");
+		});
+	    // Open more-actions menu from selected row
+	    if ($(target).is('.icon-more')) {
+	    	if (!$(target).parent().parent().find('.app-navigation-entry-menu').hasClass("open")) {
+	    		$(target).parent().parent().find('.app-navigation-entry-menu').addClass("open");
+	    	};
+	    }
+	});
+
 });

templates/index.php

@@ -27,7 +27,7 @@ script(
 			<input id="edit-roomname" type="text" placeholder="<?php p($l->t('Choose room name …')) ?>"/>
 			<button class="icon-confirm" title="<?php p($l->t('Create new room')) ?>"></button>
 		</form>
-		<ul>
+		<ul id="spreedme-room-list">
 		</ul>
 		<!--<div id="app-settings">
 			<div id="app-settings-header">