diff --git a/src/components/views/context_menus/RoomTagContextMenu.js b/src/components/views/context_menus/RoomTagContextMenu.js
index 1d5bd554..1e6363c8 100644
--- a/src/components/views/context_menus/RoomTagContextMenu.js
+++ b/src/components/views/context_menus/RoomTagContextMenu.js
@@ -100,17 +100,20 @@ module.exports = React.createClass({
var favouriteClasses = classNames({
'mx_RoomTagContextMenu_field': true,
- 'mx_RoomTagContextMenu_fieldDisabled': true,
+ 'mx_RoomTagContextMenu_fieldSet': false,
+ 'mx_RoomTagContextMenu_fieldDisabled': false,
});
var lowPriorityClasses = classNames({
'mx_RoomTagContextMenu_field': true,
- 'mx_RoomTagContextMenu_fieldSet': true,
+ 'mx_RoomTagContextMenu_fieldSet': false,
+ 'mx_RoomTagContextMenu_fieldDisabled': false,
});
var leaveClasses = classNames({
'mx_RoomTagContextMenu_field': true,
- 'mx_RoomTagContextMenu_fieldDisabled': true,
+ 'mx_RoomTagContextMenu_fieldSet': false,
+ 'mx_RoomTagContextMenu_fieldDisabled': false,
});
return (
@@ -123,6 +126,7 @@ module.exports = React.createClass({
Low Priority
+
Leave
diff --git a/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css b/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
index 47d7381e..a7c74ce4 100644
--- a/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
+++ b/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
@@ -16,9 +16,8 @@ limitations under the License.
.mx_RoomTagContextMenu_field {
padding-top: 4px;
- padding-right: 6px;
+ padding-right: 20px;
padding-bottom: 10px;
- padding-left: 20px;
cursor: pointer;
white-space: nowrap;
display: flex;
@@ -27,7 +26,6 @@ limitations under the License.
.mx_RoomTagContextMenu_field.mx_RoomTagContextMenu_fieldSet {
font-weight: bold;
- padding-left: 8px;
}
.mx_RoomTagContextMenu_field.mx_RoomTagContextMenu_fieldDisabled {
@@ -35,10 +33,22 @@ limitations under the License.
}
.mx_RoomTagContextMenu_icon {
- padding-right: 4px;
+ padding-right: 8px;
padding-left: 4px;
}
-.mx_RoomTagContextMenu_fieldSet .mx_RoomTagContextMenu_icon {
-
+.mx_RoomTagContextMenu_separator {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-bottom-style: none;
+ border-left-style: none;
+ border-right-style: none;
+ border-top-style: solid;
+ border-top-width: 1px;
+ border-color: #bbbbbb;
+ opacity: 0.4;
+}
+
+.mx_RoomTagContextMenu_fieldSet .mx_RoomTagContextMenu_icon {
+ /* Something to indicate that the icon is the set tag */
}