Inline editable bootstrap buttons with Neos

Styles.scss

.neos-backend .btn {
  user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
}

Template.html

	<f:if condition="{node.context.workspace.name} != 'live'">
		<f:then>
			<a class="{buttonType}">
				<f:if condition="{buttonIcon}"><i class="{buttonIcon}"></i></f:if>
				<neos:contentElement.editable property="buttonLabel" tag="span" />
			</a>
		</f:then>
		<f:else>
			<f:if condition="{buttonLabel}">
				<neos:link.node class="{buttonType}" node="{buttonLink}">
					<f:if condition="{buttonIcon}"><i class="{buttonIcon}"></i></f:if> {buttonLabel}
				</neos:link.node>
			</f:if>
		</f:else>
	</f:if>

The user-select set by Bootstrap causes problems in Firefox when trying to edit the buttons label in the backend.
This change makes it work fine again.