diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 6363750f4c..bbca1c3498 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -219,7 +219,7 @@ limitations under the License.
width: auto;
}
-.mx_EventTile_editButton {
+.mx_EventTile_optionsButton {
position: absolute;
display: inline-block;
visibility: hidden;
@@ -232,8 +232,8 @@ limitations under the License.
user-select: none;
}
-.mx_EventTile:hover .mx_EventTile_editButton,
-.mx_EventTile.menu .mx_EventTile_editButton {
+.mx_EventTile:hover .mx_EventTile_optionsButton,
+.mx_EventTile.menu .mx_EventTile_optionsButton {
visibility: visible;
}
@@ -551,7 +551,7 @@ limitations under the License.
top: 3px;
}
- .mx_EventTile_editButton {
+ .mx_EventTile_optionsButton {
top: 3px;
}
diff --git a/src/components/views/rooms/EventTile.js b/src/components/views/rooms/EventTile.js
index d7c9f1e443..933f134be7 100644
--- a/src/components/views/rooms/EventTile.js
+++ b/src/components/views/rooms/EventTile.js
@@ -309,7 +309,7 @@ module.exports = withMatrixClient(React.createClass({
return actions.tweaks.highlight;
},
- onEditClicked: function(e) {
+ onOptionsClicked: function(e) {
const MessageContextMenu = sdk.getComponent('context_menus.MessageContextMenu');
const buttonRect = e.target.getBoundingClientRect();
@@ -602,8 +602,8 @@ module.exports = withMatrixClient(React.createClass({
}
}
- const editButton = (
-
+ const optionsButton = (
+
);
const timestamp = this.props.mxEvent.getTs() ?
@@ -755,7 +755,7 @@ module.exports = withMatrixClient(React.createClass({
showUrlPreview={this.props.showUrlPreview}
onHeightChanged={this.props.onHeightChanged} />
{ keyRequestInfo }
- { editButton }
+ { optionsButton }
{
// The avatar goes after the event tile as it's absolutly positioned to be over the