New Et2ButtonImage that shows only image

Also doesn't stretch like the others do.

api/js/etemplate/Et2Button/Et2ButtonImage.ts

@@ -0,0 +1,34 @@
+/**
+ * EGroupware eTemplate2 - Image only button widget
+ *
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package etemplate
+ * @subpackage api
+ * @link https://www.egroupware.org
+ * @author Nathan Gray
+ */
+
+
+import {Et2Button} from "./Et2Button";
+import {css} from "@lion/core";
+
+export class Et2ButtonImage extends Et2Button
+{
+
+	public static styles = [
+		...Et2Button.styles,
+		css`
+		:host {
+			/* Important needed to override boxes trying to stretch children */
+			flex: 0 0 !important;
+		}
+		::slotted[slot="label"] {
+			display: none;
+		}
+		`
+
+	];
+}
+
+// @ts-ignore TypeScript is not recognizing that Et2Button is a LitElement
+customElements.define("et2-button-image", Et2ButtonImage);

api/js/etemplate/etemplate2.ts

@@ -25,6 +25,7 @@ import '../jsapi/egw_json.js';
 import {egwIsMobile} from "../egw_action/egw_action_common.js";
 import './Et2Box/Et2Box';
 import './Et2Button/Et2Button';
+import './Et2Button/Et2ButtonImage';
 import './Et2Date/Et2Date';
 import './Et2Date/Et2DateDuration';
 import './Et2Date/Et2DateDurationReadonly';