From 65ce4f6e7387a881d761e9d1dd2652e657d720d4 Mon Sep 17 00:00:00 2001
From: Ed Sanders <esanders@wikimedia.org>
Date: Sun, 18 Nov 2018 15:01:09 +0000
Subject: [PATCH] Make button padding clickable

Currently the hover state include the padding, but
only the icon part is clickable.

Change-Id: Ifde032313452dff2ab74197477b0eb3dd6b5dfe1
---
 modules/jquery.wikiEditor.toolbar.less | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/modules/jquery.wikiEditor.toolbar.less b/modules/jquery.wikiEditor.toolbar.less
index 24f5ea73..8135d899 100644
--- a/modules/jquery.wikiEditor.toolbar.less
+++ b/modules/jquery.wikiEditor.toolbar.less
@@ -331,17 +331,18 @@
 /* OOUI buttons */
 .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
 	margin: 0;
-	padding: 3px;
 	> .oo-ui-buttonElement-button {
-		padding: 0;
+		padding: 3px;
 		border: 0;
+		.box-sizing( content-box );
 		> .oo-ui-iconElement-icon {
 			margin: 0;
 			width: 20px;
 			height: 20px;
 			min-width: 20px;
 			min-height: 20px;
-			left: 0;
+			left: 3px;
+			top: 3px;
 			// Reduce opacity like Apex theme
 			opacity: 0.7;
 		}